0

私は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 ファイルが表示されたり、スライドアップしたりしてはなりません。

次の 2 つの plunkr を表示してください。

これは予期される動作です

これは、ngAnimate と ngRoute を一緒に使用した場合の動作です。

4

1 に答える 1

4

ng-show の代わりに ng-if を使用して、目的のアニメーションを取得できます。

サンプルコードを使用して作成したこのプランカーをチェックアウトできます。

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

于 2013-10-17T07:40:29.177 に答える