我正在以与角度文档https://plnkr.co/edit/2dcinYE8W5ZVl2PPOcBS?p=preview
中的示例相同的方式为我的ng-view设置动画我想知道是否有特定的方法只为特定链接的ng-view设置动画,而不是为其他链接设置动画。
然后我还需要根据是否点击特定链接来设置ng视图的动画,例如:在homepae上有一个关于页面的两个链接,一个在导航栏中,一个在一半这页纸。如果单击后面的链接而不是导航栏中的链接,是否可以仅为视图设置动画?
<div ng-view class="view-animate"></div>
.view-animate {
padding:10px;
}
.view-animate.ng-enter, .view-animate.ng-leave {
transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
display:block;
width:100%;
border-left:1px solid black;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
padding:10px;
}
.view-animate.ng-enter {
left:100%;
}
.view-animate.ng-enter.ng-enter-active {
left:0;
}
.view-animate.ng-leave.ng-leave-active {
left:-100%;
}
答案 0 :(得分:1)
您可以根据用户完成的点击切换动画的类。