在ngRouted templateURL中的ngShow上使用ngAnimate。第一次启动时防止动画

时间:2013-10-17 06:17:29

标签: angularjs angularjs-directive angularjs-animation

我正在使用ng-show #animation

index.html: -

<body>
 <div ng-view></div>
</body>

templateURL包含: -

<button ng-init='shw=false', ng-click='shw=!shw;', class='share'> press me </button> 
<div ng-init='shw=false', ng-show='shw', class='animate-show'>

<h1> this is animation showing </h1>
<h2> even in the begining which it should not </h2>

</div>

在上面的代码中,当页面加载时,templateURL文件不应显示或向上滑动。

请查看以下两个插件。

This是预期的行为

This是我们在一起使用ngAnimate和ngRoute时获得的行为。

1 个答案:

答案 0 :(得分:4)

您可以使用ng-if代替ng-show来获得所需的动画。

您可以使用示例代码查看我创建的这个plunker。

http://plnkr.co/edit/ZzxrwzecaX2yrEcSwvEn?p=preview