問題タブ [ng-animate]

既存の角度コードを1.1.5から1.2.0-rc.2に移動する作業を行っています。主な違いのいくつかは、の使用ですngAnimate。

ng-ifとanimate.cssin を組み合わせて使用​​していng-classます。

実際の例については、この plunkrを参照してください。

私が抱えている問題は、fadeInアニメーションが正常に機能している間、消えるはずの要素が消えるのに1秒近くかかることです.2つの間にスムーズな移行はありません. これは私が実際に行っていることの単純化された例であり、私は使用することを好みますng-if(この例は で単純化できることを認識していますng-repeat)。

これは の問題ですか、それともng-if実装に関係するものですか、animate.cssそれとも何か他のことですか? ありがとう。

確実にアニメートしたい場合、ここで実際に使用する必要があるAngularのバージョンは何ですか?

プランカーを見る

アップデート：

これは私のマシンで動作しない場合でした。また、Plunker が更新され、いくつかの問題が解消されました。

angular-1.2rc2でng-viewのアニメーションをプログラムで無効にするにはどうすればよいですか?

認証ロールによってユーザーを再配置するルート サービスを操作しましたが、プログラムでそれを防止したいと考えています。

単純な (しかし、私にとっては!) angularjs の表示/非表示アニメーションの問題。

高低を検索しましたが、この特定の問題の解決策は見つかりませんでした。これは、例と「課題」で最もよく説明できるでしょう。

まず、例: http://jsfiddle.net/adammontanaro/QErPe/1/

課題: 現在表示されている画像の下または上に表示され、上部の画像の div が非表示になると所定の位置にポップするのではなく、これらの画像を互いにフェードインおよびフェードアウトさせることはできますか?

HTML:

CSS:

私はこれで何時間も車輪を回転させてきました。単一の画像または div を表示または非表示にする方法を示す優れた投稿の群れを見てきましたが、単純なクロスフェードと置換を試みると、すべてが機能しなくなります。絶対/相対位置をいじってみましたが、役に立ちませんでした。

これをスイッチで試してみましたが、スイッチ条件で $index を使用できなかったため、実行時にイメージをロードできました。それがここでの大きな要件です。

参考までに-これはangular 1.1.5を使用しています

ありがとうございました！！！アダム

add と remove を使用して通常の構文で ng-class ディレクティブに js 定義のアニメーションをアタッチしようとしていますが、アニメーションは実行されません。ログを記録すると、追加関数と削除関数が呼び出されないことがわかります。

これは通常、ngIf のような他のディレクティブでは、アニメーションの開始と終了で正常に動作しますが、ngClass では、ドキュメントの例で証明されているように、css-animations でのみ動作するようです。

AngularJS 1.2 で ng-animate を使用するのは初めてです。私の ng-animate が特定のクラス名で機能しない理由がわかりませんが、例で見た単純なフェードインのデフォルトで機能します。

この例では、ng-animate クラスを「アニメーション」に設定しようとしています: http://plnkr.co/edit/QWQUUVdcLmzLKRvVibqN?p=preview

しかし、デフォルトを使用し、アニメーションのクラス名が「.ng-enter」と「.ng-leave」だけの場合、アニメーションのフェードは正常に機能するようです。

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

どんな助けでも大歓迎です、ありがとう！