コントローラー固有のドキュメントイベントリスナーを追加する

Question

オンラインクイズを行うためのWebアプリケーションを開発中です。私はこれに平均スタックを使用しています。私のオンラインテストコントローラでは、私はそのような

document.addEventListener("visibilitychange", onchange); 
document.webkitIsFullScreen etc.. 

など、多くのイベントリスナーを使用していた。しかし、これはグローバルeventLisnersですので、私の問題は、まだ他のコントローラに移動した後に実行し、この機能です。

誰も私にこのための最善のアプローチを提案できますか？

Answer 1

あなたが「他のコントローラに移動した後に」あなたがそれを置くようスコープが破壊されたときにイベントリスナーを削除する必要がありますか：常に

$scope.$on('$destroy',function() { 
    document.removeEventListener('visibilitychange',onchange); 
}); 

そのイベントリスナーの削除を処理するための良いアイデアを特に大きなアプリケーションの場合、単一ページアプリケーションのメモリリークの主な原因になる可能性があるため、コンポーネントは破棄されます。