ng-events類似ionic中Events的angular全局事件
介紹
ng-events 在 Angular 2 以上的版本中使用,類似于 ionic 中的 Events。可以使用 ng-events 注冊一個全局事件,然后在需要的時候觸發(fā)這個事件。
快速開始
npm install ng-events --save
在 Angular 6 以上的版本中使用,修改 angular.json 文件, 在Angular 6以下版本中使用,修改.angular-cli.json文件
"scripts": [ "node_modules/ng-events/dist/ng-events.js" // ... ]
當(dāng)然也可以直接在index.html中引入,不過并不推薦這么做。
注冊事件
•你可以使用 ngEevents.on 注冊一個全局事件:
ngEvents.on('eventName', function (item) { console.log(item.name + ' was selected!'); });
第一個參數(shù)是事件的唯一名稱。 第二個參數(shù)是在觸發(fā)指定事件時調(diào)用的回調(diào)函數(shù)。
•您可以使用 ngEvents.off 方法取消注冊的事件。
觸發(fā)事件
使用 ngEvents.trigger 觸發(fā)一個全局事件:
ngEvents.trigger('eventName', { id: 42, name: 'Pencil' });
第一個參數(shù)是事件的唯一名稱. 第二個是(可選)事件參數(shù)。
你可以添加任意數(shù)量的參數(shù)并在回調(diào)方法中獲取它們。
總結(jié)
以上所述是小編給大家介紹的ng-events類似ionic中Events的angular全局事件,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
AngularJs學(xué)習(xí)第五篇從Controller控制器談?wù)?scope作用域
這篇文章主要介紹了AngularJs(五)從Controller控制器談?wù)?scope作用域 的相關(guān)資料,需要的朋友可以參考下2016-06-06使用AngularJS編寫多選按鈕選中時觸發(fā)指定方法的指令代碼詳解
最近做項目時遇到了需要用到多選按鈕選中觸發(fā)事件的功能,小編試著手寫一個指令,具體實現(xiàn)代碼大家參考下本文吧2017-07-07AngularJS $on、$emit和$broadcast的使用
本文主要介紹AngularJS $on、$emit和$broadcast的使用,這里整理了詳細的資料及簡單示例代碼有興趣的小伙伴可以參考下2016-09-09關(guān)于Angularjs中自定義指令一些有價值的細節(jié)和技巧小結(jié)
這篇文章主要介紹了關(guān)于Angularjs中自定義指令一些有價值的細節(jié)和技巧小結(jié),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-04-04AngularJS學(xué)習(xí)筆記(三)數(shù)據(jù)雙向綁定的簡單實例
這篇文章主要介紹了AngularJS學(xué)習(xí)筆記(三)數(shù)據(jù)雙向綁定的簡單實例,詳解數(shù)據(jù)雙向綁定實例的相關(guān)資料,需要的朋友可以參考下。2016-11-11