イベントとは何ですか
•ブラウザがマウスのクリックやフォーカスの獲得など、ブラウザレイヤーのイベントに応答するように、角度アプリケーションはAngularイベントにも応答できます。
•Angularイベントシステムは、ブラウザのイベントシステムに接続されていません。範囲内のDOMイベントの代わりに角度イベントのみを聴くことができます。
イベントスプレッド
スコープは階層的であるため、スコープチェーンでイベントを渡すことができます。
•$ emitバブルイベント、イベントは現在のサブスコープから割り当ての範囲にバブルを使用し、イベントを生成したスコープの上のすべてのスコープをこのイベントに通知します。
$ emit()メソッドは2つのパラメーターを取ります。
放出されるイベントの名前に名前を付けます
イベントリスナーにオブジェクトとして渡されるパラメーターのセットを主張する
•$ broadcastを使用してイベントを渡すと、リスナーを登録する各サブスコープがこのメッセージを受信します
$ broadcast()メソッドは2つのパラメーターを取ります。
放送されるイベントの名前に名前を付けます
イベントリスナーにオブジェクトとして渡されるパラメーターのセットを主張する
•$ onを使用してイベントをリッスンします
$ on()メソッドは2つのパラメーターを取ります。
イベントイベントオブジェクト
$ broadcast()および$ emit()で渡されたパラメーターセット、サンプルパラメーターセット:
demo.html <!doctype html> <html ng-app = "freefedapp"> <head> <title> Angular Application demo </title> <scrip src = "angular.js"> </scrip> <スクリプトsrc = "app.js"> </script> </head> change = "change(title)"> </div> </div> </body> </html>
app.js /*モジュールを宣言* / var module = angular.module( 'freefedapp'、[]); /*Controller*/module.controller( 'freefedctrl'、['$ scope'、function($ scope){// directiveclick $ scope。$ on( 'directiveclick'、function(event、param){console.log(param); // print result {pitr = 'I'm I'm I'm I'm I'm I'm I'm I'm I'm I'm I'm I'm I'm I'm I'm I'm I'm I'm I'm I'm scope() result = 'Parent Broadcastの受信に注意してください。 /*directive*/module.directive( 'eventDirective'、function(){return {scope:change: '&'}、置換:true、テンプレート: '<a>上向きの泡立ちイベント</a>'、リンク:function(scope、el、){el.on(el.on){'click'、fulations( scope。イベントオブジェクトプロパティ
$ onのイベントオブジェクトプロパティは次のとおりです。
•ターゲットスコープ(スコープオブジェクト)
送信または放送イベントの範囲
•currentscope(スコープオブジェクト)
現在の処理イベントの範囲
•名前(文字列)
処理されているイベントの名前
•StopPropagation(関数)
StopPropagation()関数は、$ emitでトリガーされたイベントのさらなる伝播をキャンセルします
•PreventDefault(function) PreventDefault()DefaultPreventedフラグをTRUEに設定します。イベントの伝播を停止することはできませんが、サブスコープは、このイベントがdefaultpreventedフラグを介して必要ではないことを知ることができます。
•DefaultPrevented(ブール値)
DefaultPreventedプロパティを審査することにより、親によって伝播されたイベントを無視できるかどうかを判断できます。
Angularjsのイベントに関する上記の簡単な議論は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。