Angular 2动画传递输入

Question

我需要一种动态配置动画的方法。例如，我希望我的消费者能够传递动画声明或任何CSS属性的数字输入。

     animations: [
        trigger('heroState', [
          state('inactive', style({
            backgroundColor: '#eee',
            transform: this.transform
          })),
          state('active',   style({
            backgroundColor: '#cfd8dc',
            transform: this.transform
          })),
          transition('inactive => active', animate(this.animateInActive),
          transition('active => inactive', animate('100ms ease-out'))
        ])
      ]

      class Cmp {
        @Input() transform = 'scale(1)';
        @Input() animateInActive = '200ms ease-out';
      }