ng-leave应根据当前事件设置动画

时间:2015-06-30 12:38:16

标签: angularjs ng-animate

我有一个应用程序,其中包含使用ngroute实现的一组选项卡。

如何使标签为特定链接的制表符开关设置动画,而不是为所有其他链接设置动画。 (所有相关链接都会导致路线更改)

我使用Angular 1.2.x

更多信息(仅当您不理解我的问题时)

当我使用特定的特定链接切换标签时,我希望前一个标签可以动画显示,而新的标签可以动画显示。

当我使用另一组链接时,我希望标签在没有导航的情况下切换。

我的问题 - “离开”标签不依赖于导致路由更改的当前点击事件,因此我不知道如何根据当前点击事件启用或禁用其行为。

1 个答案:

答案 0 :(得分:0)

You can add css class like:

.animated-render.ng-leave {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity:1;
}
.animated-render.ng-leave.ng-leave-active {
    opacity:0;
}

And then apply .animated-render class to specific element.