过渡后隐藏元素

Question

如何在动画结束后隐藏（从DOM中移除 - 就像使用＆＃39; * ngIf＆＃39;）元素一样？

这里有一些代码：

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

如何在＆＃34;无效＆＃34;之后隐藏元素？动画结束？

Answer 1

看看这里：

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

查看＆＃34;动画回调＆＃34;的信息。在＆＃34; yourAnimation.done＆＃34;中，您设置了一个回调，然后在那里隐藏您的元素。