在Angularjs服务中监听窗口事件

一尘不染

在Angularjs服务中监听窗口事件

angularjs

我想在AngularJS服务中监听窗口事件，以便可以将它们广播到我的控制器。

我有一个Chrome扩展程序，可以使用发送任何消息port.postMessage('Any Message');。

我希望我的angularjs服务侦听该消息并将其发送到使用 $rootScope.$broadcast("Something occurred.");

在我的服务内部，我正在尝试通过以下侦听器这样做。

window.addEventListener('Any Message', function (event) {
    if (event.origin != window.location.origin) {
        return;
    }
    $rootScope.$broadcast("Something occurred.");
});

我也尝试过，$window但是我不知道为什么上面的代码不起作用。同样是我的IDE，jetbrains webstorms将上述代码片段归类为不可访问。

在此之前，我在控制器中使用了上面的代码，并且工作正常。我没有在控制器中广播。现在，我想将其移至服务，以便所有控制器都应能够从服务监听它。

阅读 490

2020-07-04

共1个答案

一尘不染

这是我制作的工作示例-订阅DOM事件并将事件从服务广播到控制器：http: //plnkr.co/edit/nk2aPt?p=preview

    //this is service that creates subscription    
    app.service('serviceName', function($window, $rootScope) {

          function subsFunc() {
            $window.addEventListener('click', function(e) {
              $rootScope.$broadcast('app.clickEvent', e);
            })
          }

          return {
            "subscribeMe": subsFunc      }
        });

    //this will be in controller
      $rootScope.$on('app.clickEvent', function(a, b) {
        //a,b - event object details
      });

2020-07-04