角度2设置来自组件类

时间:2017-01-23 16:33:13

标签: html angular animation

是否可以从类(或动画中的任何内容)设置动画状态的样式输入?

例如,代替'translateX(250px)',执行类似'translateX(input)'的操作。输入将根据类中的某个内容确定,该内容将因DOM上的操作而发生更改。

@Component({
  selector: 'wt-moving-parts',
  templateUrl: './moving-parts.component.html',
  styleUrls: ['./moving-parts.component.css'],
  animations: [
    trigger('imgState', [
      state('before', style({
        transform: 'translateX(0)'
      })),
      state('after', style({
        transform: 'translateX(250px)'
      })),
      transition('before <=> after', animate(800))
    ])
  ]
})

export class MovingPartsComponent {

}

0 个答案:

没有答案