angular - 过渡后隐藏元素

Question

动画结束后如何隐藏（从 DOM 中移除——比如使用 '*ngIf'）元素？

这是一些代码：

 state('inactive', style({
   backgroundColor: '#eee',
   transform: 'scale(1)'
 })),
 state('active',   style({
   backgroundColor: '#cfd8dc',
   transform: 'scale(1.1)'
 })),

“非活动”动画结束后如何隐藏元素？

Answer 1

看看这里：

https://angular.io/docs/ts/latest/guide/animations.html#!#animation-callbacks

查找有关“动画回调”的信息。在“yourAnimation.done”中，您设置了一个回调，然后将您的元素隐藏在那里。