2016-10-06 7 views
0

AngularJSを使用して作成されたWebサイトがあり、一部のコンポーネントが読み込まれるまでに時間がかかります。私がやるべきことは、すべてのコンポーネントがロードされたときにトリガされるイベントを作成することです。タグセレクタをloadイベントで使用できます。しかし、コンポーネントのためのカスタムタグは道路を変更する可能性があり、私はそれに頼ることを好まない。したがって、問題は...タグ名に依存しないが、ページ上のすべての読み込みが完了したときにトリガーされるイベントハンドラーを作成する方法があるかどうかです。すべての要素のチェックが終了しました

+0

正確に何をしようとしていますか? – charlietfl

答えて

1

角度のあるUIルートを使用すると便利です。

$ viewContentLoading - ビューがロードされると、DOMがレンダリングされる前に起動されます。 '$ rootScope'はイベントをブロードキャストします。

$rootScope.$on('$viewContentLoading', 
function(event, viewConfig){ 
    //Do something 
}); 

$ viewContentLoaded - ビューがロードされるとDOMがレンダリングされた後、解雇。ビューの '$ scope'がイベントを送出します。

$scope.$on('$viewContentLoaded', 
function(event){ 

//Do something 
}); 

または$windowオブジェクトを試すことができます。

$window.onload = function(e) { 
    //do something 
} 
+0

私はあなたの最初の2つの提案を試していないが、私は最後のものを試した。そのコンポーネントでは、コンポーネントの読み込み中にonloadがトリガーされます。しかし、私は他の2つの方法を試して、それらが機能するかどうかを見ていきます。 – user30646

+1

他の解決策がある場合は、私たちと共有していただけますか? @Charlietfl –

関連する問題