AngularJSでCSSアニメーションをトリガーする関数を作成する

には、AngularJSの関数内でCSSアニメーションをトリガー/有効にするにはどうすればよいですか？AngularJSでCSSアニメーションをトリガーする関数を作成する

私の場合はスライドが1つあり、label <>とbutton <>です。

ユーザーがボタンをクリックするとAPIが呼び出されますが、失敗した場合はラベルをアニメーション化する必要があります。

ng-classディレクティブを使用する方法の1つは、スコープ変数を作成し、$timeoutサービスを使用して値を設定およびリセットします。

しかし、私はplayAnimation()のような機能を作って、この機能を呼び出してアニメーションをトリガーすると考えています。

私はangularjsバージョン1.5を使用しています。

jQueryを使用していますか？ – Natiq

いいえ... angular.jsを追加しました。 – dearvivekkumar

jQueryを含めれば** addClass（ 'error-class'）**と** removeClass（ 'error-class'）*で簡単に達成できます。 * jQueryのメソッド。 – Natiq

最初に提案したように、関数の作成はng-classを使用するよりも良いとは思いません。 Angularのanimation classes（例：ng-enter,ng-leaveなど）のメリットがあり、スクリプトにコードが保存されます。

2016-10-28 13:38:41 lucasnadalutti

私はいくつかの異なる意見を持っています。現在、私はCSSクラスの追加と削除のためだけに変数を作成したくありません。また、私の特別なケースでは、API呼び出しから否定的な応答を得ているときにのみラベルをアニメートしたいと思う。 – dearvivekkumar

私はAngularJSの新機能です。正しい方法で処理する方法を知りたいだけです。あなたの時間と返信ありがとう – dearvivekkumar

答えて