Ionic3使用angular/animations紀要

Kadima發表於2019-03-08
1.npm i @angular/animations命令安裝

注意: @angular/animations的版本號一定要和"@angular/core"版本號一樣,否則會報錯。

2.app.module.ts中注入

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

正常情況下BrowserModule在npm包安裝時已經注入。

3.使用page中注入

import{trigger,style,animate,state,transition,useAnimation,}from'@angular/animations';

4.page.ts

Ionic3使用angular/animations紀要

5.page.htmlIonic3使用angular/animations紀要

當rotatyState為true或者動畫為轉向時,動畫會執行;

rotaty.start和rotaty.done為動畫執行的回撥函式;


最後,求教大佬state中transfrom: 'rotate(3600deg)'中的deg想通過介面控制傳值該怎麼介入。謝謝!!!





相關文章