24

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

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

4

5 に答える 5

14

アニメーション モジュールを依存関係としてモジュール定義に追加することも忘れないでください。他の誰かがアニメーションの動作に問題があり、これを行っていない場合に備えて。

angular.module('myApp', ['ngAnimate']);
于 2015-08-22T17:47:06.510 に答える
9

angular.min.js のバージョンが angular-animate.min.js のバージョンと一致することを確認する必要があります。
私はこの方法で固定しました。

于 2015-09-15T18:13:50.850 に答える
0

Tasse が ng-animate は非推奨であると述べたので、このクラスを使用する必要があります。angularjs Web サイト http://www.nganimate.org/angularjs/ng-repeat/moveから CSS をコピーする場合は、特定の形式でそれらの CSS を変更する必要があります。

完全な詳細チェックについては、Angularjs アニメーションを 2 分で適用します

于 2015-07-23T23:04:01.130 に答える
0

ng-showこれは、ディレクティブを使用して要素をアニメーション化しようとしている人にとって、受け入れられている回答に加えてです。これらは、使用する必要があるスタイルです:

.animation.ng-hide-remove {
  transition:2s linear all;
  opacity:0;
}

.animation.ng-hide-remove.ng-hide-remove-active {
  opacity:1;
}

すべての角度ディレクティブが追加するわけではないことに注意してくださいng-enter, ng-enter-active, ng-leave and ng-leave-active。たとえば、ng-showディレクティブはng-hide-removeアニメーションの最初とng-hide-remove-active最後に追加します。詳細については、次のリンクをたどってください: https://www.w3schools.com/angular/angular_animations.asp

于 2017-09-29T05:01:54.397 に答える