angular2组件过渡动画

前端之家收集整理的这篇文章主要介绍了angular2组件过渡动画前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在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

但是请注意,到目前为止不支持ng-leave,因为在动画完成之前删除了DOM节点(参见https://github.com/angular/angular/pull/6768)

原文链接:https://www.f2er.com/angularjs/141671.html

猜你在找的Angularjs相关文章