仅为特定页面设置动画ng-view

时间:2016-06-09 15:33:05

标签: javascript angularjs

我正在以与角度文档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%;
  }

1 个答案:

答案 0 :(得分:1)

您可以根据用户完成的点击切换动画的类。