ng的动画过渡

标签：点击事件   enc   width   oom   color   html   动画   pac   elements   

动画过渡两种方法

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的动画过渡

标签：点击事件   enc   width   oom   color   html   动画   pac   elements   

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