大佬教程收集整理的这篇文章主要介绍了如何在角度2中为子组件设置动画？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
@component({ SELEctor: 'plan',templateUrl: '../templates/plan.tpl.html',styleUrls: ['../../../../assets/css/plan.scss'],animations: [ trigger('stepAnimation',[ transition(':enter',[ style({transform: 'translateX(100%)'}),animate('0.5s ease-in-out',style({transform: 'translateX(0%)'})) ]),transition(':leave',[ // before 2.1: transition('* => void',[ style({transform: 'translateX(0%)'}),style({transform: 'translateX(-100%)'})) ]) ])] })
然后我将动画选择器添加到模板中的子组件,如下所示：
<start *ngIf="currentPage == 'start'" @stepAnimation></start> <about *ngIf="currentPage == 'about'" @stepAnimation></about> <family *ngIf="currentPage == 'family'" @stepAnimation></family>
动画不起作用.然后我在每个组件中添加动画代码,并将@stepAnimation添加到每个模板的父@L_673_7@中.这样,我得到了输入动画,但没有离开.我想这是因为父母的ngIf,但无论如何,有很多重复的动画代码.无论如何都会在父级别上处理动画吗？
以上是大佬教程为你收集整理的如何在角度2中为子组件设置动画？全部内容，希望文章能够帮你解决如何在角度2中为子组件设置动画？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。