Angular2中的参数化动画

Question

是否可以使用内置机制（https://angular.io/docs/ts/latest/guide/animations.html）参数化动画？

例如，我想创建accordion component并允许此组件的消费者定义手风琴的内容应该出现/消失的速度。

离。 <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并使用例如滑块操作它。