Angular2中的參數化動畫

Question

使用內置機制（https://angular.io/docs/ts/latest/guide/animations.html）可以參數化動畫嗎？

例如，我想創建accordion component，並允許此組件的使用者定義手風琴內容的顯示/消失速度。

ex。 <accordion [transitionTime]="150ms">...</accordion>

和假設transitionTime的用法：

animations: [ 
    trigger("state", [ 
    state("A", //style), 
    state("B", //style), 
    transition("A => B", animate(dynamic.transitionTime + "ms ease-in-out")), 
    transition("B => A", animate(dynamic.transitionTime + "ms ease-in-out")) 
    ]) 
] 

Answer 1

呀，你可以在你的組件改變transitionTime到@Input()比聯繫起來。

<accordion [transitionTime]="time"></accordion> 

在父組件中創建變量time並使用滑塊等操作它。