angularjs - Angular.js でモデル変更時にアニメーションをトリガーする方法

Question

だから私はこのような翡翠のスニペットを持っています

.statusbox 
    h5 {{status}}

これはと同等です

<h5 class = "statusbox"> {{status}} </h5>

2 つの質問:

1. one: css ファイルで定義したアニメーションの発生をトリガーするために使用できる ng ディレクティブ
2. css クラスに使用する命名規則。

本当にありがとう！

レオン

Answer 1

CSS3 アニメーションを使用していると仮定すると、ng-class は問題なく動作します。

<h5 class="statusbox"  ng-class="{ 'animate-class' : foo }">{{status}}</h5>

その後、設定するたび$scope.foo = trueに、クラスが に追加さanimate-classれますh5。CSS3 アニメーションが適切に設定されていれば、アニメーションが表示されるはずです。