Parametrisierte Animation in Angular2

Question

Ist es möglich, Animation mit eingebautem Mechanismus (https://angular.io/docs/ts/latest/guide/animations.html) zu parametrisieren?

Zum Beispiel möchte ich accordion component erstellen und erlauben Verbraucher dieser Komponente zu definieren, wie schnell Inhalt von Akkordeon sollte erscheinen/verschwinden.

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

Und hypothetische Verwendung von Transition:

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

Ja, können Sie transitionTime zu @Input() in Ihrer Komponente ändern, als sie verknüpfen.

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

erstellen Variable time in übergeordnete Komponente und manipulieren, um sie mit z Schieber.