ng-events類似ionic中Events的angular全局事件

介紹

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'
});

第一個參數是事件的唯一名稱. 第二個是（可選）事件參數。
你可以添加任意數量的參數併在回調方法中獲取它們。