$animateProvider

概要

$animateのデフォルトの実装では、アニメーションが実行されない代わりに、 DOMの更新に同期して、done()コールバックを呼び出します。

アニメーションを有効にするためには、ngAnimateモジュールを読み込みます。

機能の実装内容については、src/ngAnimate/animate.jsをチェックアウトして確認してみてください。

register(name, factory)

新しい注入可能なアニメーションのファクトリー関数を登録します。 ファクトリー関数は、アニメーションを有効にしたい各イベントのコールバック関数を含む、アニメーションオブジェクトを作成します。

eventFn: function(Element, doneFunction)
Elementはアニメーションさせる要素を指定し、doneFunctionは要素のアニメーションが完了する度に呼び出さなければいけません。 もし、関数が返された場合、キャンセルイベントがトリガされる度に、アニメーションサービスはこの関数を使用してアニメーションをキャンセルします。
return {
  eventFn : function(element, done) {
    //アニメーションを実行するコード
    //完了すると、done()を実行
    return function cancellationFunction() {
      //アニメーションをキャンセルするコード
    }
  }
}
引数 説明
name

型:string

アニメーションの名前を指定します。

factory

型:function

実行されるとアニメーションオブジェクトを返すファクトリー関数を指定します。

 Back to top

© 2017 Google
Licensed under the Creative Commons Attribution License 3.0.

このページは、ページトップのリンク先のAngularJS公式ドキュメント内のページを翻訳した内容を基に構成されています。 下記の項目を確認し、必要に応じて公式のドキュメントをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • AngularJSの更新頻度が高いため、元のコンテンツと比べてドキュメントの情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報やより分かり易くするための追記を行っている事があります。