AngularJSのanimate.jsを読んだ際のメモ
animateSpec.js
$AnimateProvider
$animateサービスのプロバイダー
$animateProvider.register(name, factory)
アニメーションを実行する関数のプロバイダー(factory)を登録する。
nameは.から始まる文字列
var key = name + ‘-animation’;
this.$$selectors[name.substr(1)] = key;
$provide.factory(key, factory);
アニメーションを実行する関数のプロバイダーは以下の形式のデータを返す。
$animateProvider.classNameFilter(expression)
expressionはRegExpである必要がある。RegExpでない場合はnullが\(classNameFilterに代入される。\)classNameFilterの内容をexpressionに書き換える。
$$classNameFilterを返す。
$animateProvider.$get($timeout, $$asyncCallback)
$animate.enter(element, parent, after, done)
afterが指定された場合elementをafter要素の後ろに置く。
parentが指定された場合elementをparent要素の最初の子要素にする。
doneは処理が終了したときに実行される。
$animate.leave(element, done)
elementを削除する。
doneは処理が終了したときに実行される
$animate.move(element, parent, after, done)
$animate.enter(element, parent, after, done)と同じ
$animate.addClass(element, className, done)
elementのclass属性にclassNameを付与する。
付与し終わったらdoneを実行
$animate.removeClass(element, className, done)
elementのclass属性からclassNameを削除する。
削除し終わったらdoneを実行
$animate.setClass(element, add, remove, done)
elementのclass属性にaddを付与する。
elementのclass属性からremoveを削除する。
削除し終わったらdoneを実行