在Angular.js應用程序中進行事件驅動開發的最佳做法是什麼？

Question

我正在爲我們的角度應用添加一些websocket功能。 Websocket對象被包裝在一個服務中。理想情況下，我們希望我們的包裝Socket對象有一個標準事件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並將事件從那裏發佈到rootcope，然後在您的控制器中監聽該事件。

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