介紹

ng-events 在 Angular 2 以上的版本中使用，類似于 ionic 中的 Events?？梢允褂?ng-events 注冊一個全局事件，然后在需要的時候觸發這個事件。

GitHub地址

快速開始

npm install ng-events --save

在 Angular 6 以上的版本中使用,修改 angular.json 文件, 在Angular 6以下版本中使用，修改.angular-cli.json文件

 "scripts": [       "node_modules/ng-events/dist/ng-events.js"       // ...      ]

當然也可以直接在index.html中引入，不過并不推薦這么做。

注冊事件

•你可以使用 ngEevents.on 注冊一個全局事件:

ngEvents.on('eventName', function (item) {  console.log(item.name + ' was selected!');});

第一個參數是事件的唯一名稱。 第二個參數是在觸發指定事件時調用的回調函數。

•您可以使用 ngEvents.off 方法取消注冊的事件。

觸發事件

使用 ngEvents.trigger 觸發一個全局事件:

ngEvents.trigger('eventName', {  id: 42,  name: 'Pencil'});

第一個參數是事件的唯一名稱. 第二個是（可選）事件參數。

 你可以添加任意數量的參數并在回調方法中獲取它們。

總結

以上所述是小編給大家介紹的ng-events類似ionic中Events的angular全局事件，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！