如何在angular2中制作页面过渡动画?
我试着这是代码,但没有工作
@Component({ selector:'myPagefirstPage',}) @View({ template: `<div class="view-animate ng-animate" > <h1>First Page</h1> </div>`
我把我的动画类放在像这样的css文件中
.view-animate.ng-enter {....}
但它不起作用
从beta 15开始,基本过渡使用例如.ng-enter和.ng-enter-active作品.请注意,您必须将ng-animate类添加到动画元素.请参阅此plunkr以获取示例
http://plnkr.co/edit/WcH3ndMN0HOnK2IwOCev?p=preview
原文链接:https://www.f2er.com/angularjs/141671.html但是请注意,到目前为止不支持ng-leave,因为在动画完成之前删除了DOM节点(参见https://github.com/angular/angular/pull/6768)