在 Angular.js 应用程序中进行事件驱动开发的最佳实践是什么？

Question

我正在向我们的 Angular 应用程序添加一些 websocket 功能。 Websocket 对象被包装在一个服务中。理想情况下，我们希望我们封装的套接字对象有一个标准的事件 API，以便我们可以在控制器中使用它，如下所示：（抱歉，Coffeescript）

angular.module('myApp').controller 'myCtrl', ($scope, socket) ->
  update = (msg)->
    $scope.apply ->
      #do something regarding to the msg

  socket.on 'message', update

  unregister: ->
    socket.off 'message', update  

我们实现这一目标的最佳做法/库是什么？使用jQuery？ Backbone.Events？任何建议都会有所帮助。谢谢！

Answer 1

您不需要使用任何库来实现这一点，只需创建一个服务，注入 $rootscope 并将事件从那里发布到 rootscope，然后在您的控制器中侦听该事件。

var socket; // this be the socketio instance.
angular.module("myApp").factory("SocketHandler", function ($rootScope) {
  var handler = function (msg) {
    $rootScope.$apply(function () {
      $rootScope.$broadcast("socketMessageReceived", msg);
    });
  };

  socket.on("message", handler);

  $rootScope.$on("unregisterSocket", function () {
    socket.off("message", handler);
  });
}).controller("myCtrl", function ($scope, SocketHandler) {
  var listener;
  var addListener = function () {
    listener = $scope.$on("messageReceived", function (e, msg) {
      console.log("New Message: " + msg);
    }); // $on returns a registration function for the listener
  };
  var removeListener = function () {
    if (listener) listener();
  };
});