ng的动画过渡

动画过渡两种方法

1.使用angular+animation实现

• 在app-module.ts中引入 BrowserAnimationsModule 
  1.import { BrowserAnimationsModule} from ‘@angular/platform-browser/animations‘;   

  2.imports: [

      BrowserAnimationsModule

    ],
• 在需要用到的组件中
  1.html文件中[@openClose]="需要判断的值"
  2.ts文件中
  2.1 引入 import {trigger,style,state,animate,transition,keyframes,group} from ‘@angular/animations‘;
  2.2 在@Component中输入你需要的过渡动画
  animations:[] 

实例：

ng的动画过渡

原文：https://www.cnblogs.com/rockyjs/p/12012639.html