Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何使用Angular 4动画进入多个状态?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Angular 4动画,我想知道从初始状态到最终状态的最佳方式是什么,通过其他状态.
如果我们以此为例( https://angular.io/guide/animations):

animations: [
  trigger('animationState',[
    state('stateOne',style({
      // some style
    })),state('stateTwo',transition('inactive => active',animate('100ms ease-in')),transition('active => inactive',animate('100ms ease-out'))
  ])
]

所以问题是,如果我添加第三个和第四个状态并且我将活动状态从“stateOne”切换到“stateTwo”,那么如何定义转换以使其自动通过其他类似的状态:stateOne => stateThird => stateFourth => stateTwo.有没有办法定义转换,以便在没有任何变通方法的情况下拥有此行为?

解决方法

你可以使用角度键帧

https://angular.io/guide/animations#multi-step-animations-with-keyframes

我认为角度文档对此有最好的解释

大佬总结

以上是大佬教程为你收集整理的如何使用Angular 4动画进入多个状态?全部内容,希望文章能够帮你解决如何使用Angular 4动画进入多个状态?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: