Animations使用01 BrowserAnimationsModule

1 基础知识

　　1.1 动画

　　　　就是从一个状态过渡到另外一个状态

　　1.2 状态

　　　　元素本身的形状、颜色、大小等

　　1.3 Angular中的动画

　　　　给元素添加一个触发器，当这个触发器被触发后就会让该元素的状态发生变化，其中状态用state表示，状态之间的转变用transition表示

2 如何使用BrowserAnimationsModule

　　2.1 下载 animations 依赖库

　　　　cnpm install --save @angular/animations

　　2.2 在模块级别导入 BrowserAnimationsModule

　　　　 Animations使用01 BrowserAnimationsModule

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

import { CoreModule } from './core/core.module';
import { SharedModule } from './shared/shared.module';
import { LoginModule } from './login/login.module';
import { ProjectModule } from './project/project.module';
import { TaskModule } from './task/task.module';
import { TestModule } from './test/test.module';
import { AppRoutingModule } from './app-routing.module';

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

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    CoreModule,
    SharedModule,
    LoginModule,
    ProjectModule,
    TaskModule,
    TestModule,
    AppRoutingModule,
    BrowserAnimationsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

View Code