いくつかのディレクティブを含む AngularJS アプリがあります。アプリは、外部 HTML ファイルから一部の HTML を読み込みます。問題は、アプリ内のコントローラーがイベントを使用して通信し、外部 HTML ファイルから読み込まれた HTML 要素のコントローラーが初期化され、他のコントローラーがイベントの発生を開始した後にイベントのリッスンを開始することです。次のようになります: index.html:
...
<body ng-controller="bodyController">
<ng-include src="page.html"></ng-include>
</body>
...
page.html:
<div ng-controller="divController"></div>
bodyController は、bodyController の初期化後に page.html からの DIV が読み込まれるため、divController がリッスンを開始する前にイベントの発生を開始します。