앵귤러 라이브러리 - Angular Animations

애니메이션을 사용하기 위해서는 BrowserModule과 BrowserAnimationsModule이 필요한데요. 이는 애플리케이션 생성 시 자동으로 추가됩니다.

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  imports: [
    BrowserModule,
    BrowserAnimationsModule
  ],
  declarations: [ ],
  bootstrap: [ ]
})
export class AppModule { }

사용하고 싶은 효과를 클래스 파일에 추가하여 사용하면 됩니다.

import { Component, HostBinding } from '@angular/core';
import {
  trigger,
  state,
  style,
  animate,
  transition,
  // ...
} from '@angular/animations';

---

참고

Angular