javascript - Angular.js は「ng-click」などのイベント バインディングをどのように処理しますか?

Question

Angular.js は「ng-click」などのイベント バインディングをどのように処理しますか?

Chrome Dev Tools を使用して DOM の HTML 出力を検査すると、「ng-click」ディレクティブ、「ng-scope」および「ng-binding」を持つ要素に追加された 2 つのクラスのみが表示されます。Angular はどのように DOM にバインドしてこれらを傍受しますか? 最上位の要素にアタッチし、大きなオブジェクトをメモリに保持して、イベントを登録されている DOM 要素にマッピングし、イベント バブリングを利用しますか? または、他の何か？

Answer 1

ng-[eventname]-directiveselement.bindは、要素が jQuery/ jqLit​​e 要素である を実行することによって機能します。このバインド メソッドは、(少なくとも Chrome では) element.addEventListener を呼び出すことで機能します。DOM を検査しても、そのイベントリスナーは表示されません。