angular2组件过渡动画

发布时间：2020-12-17 07:20:18 所属栏目：安全来源：网络整理

导读：如何在angular2中制作页面过渡动画？我试着这是代码,但没有工作 @Component({ selector:'myPagefirstPage',})@View({ template: `div class="view-animate ng-animate" h1First Page/h1 /div` 我把我的动画类放在像这样的css文件中 .view-animate.ng-enter

如何在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)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!