AngularJSのng-includeで読み込まれるHTMLに対する処理はいつやるべきか?

AngularJSのng-includeで読み込まれるHTMLに対する処理はいつやるべきか?

「HTMLに対する処理」とは、document.getElementById()やjQueryなどで行うような処理だ。

そのような処理はこのようにonloadで指定したfunction内で行うといい。

<ng-include src="'modal.html'" onload="onLoadModal();"></ng-include>

ポイントはこのonLoadModal()というfunctionをどこに定義するか?

ng-clickなどで使われるfunctionと同様、こんな感じでコントローラーのスコープ内に定義する。

$scope.onLoadModal = function() {
  console.log("モーダルのHTMLが読み込まれたぜ!");
}

コメント

このブログの人気の投稿

レオナルド・ダ・ビンチはなぜノートを「鏡文字」で書いたのか?

macでsmb(samba)共有サーバーに別名で接続(別アカウント名で接続)する方法

Google DriveにCURLでアップロードするには?