角度如何捕獲外部異步第三方回調函數？

Question

大約3個星期前我開始使用AngularJS，並開始編寫一個簡單的應用程序，它從外部庫（OnReceiveMessage）獲取異步數據，然後（使用Angular）編輯範圍，以便顯示消息並執行其他操作甚至在此消息中回覆。 首先，我開始將對象聲明爲應用程序控制器，並且它可以工作，但這是一團糟，這不是正確的做法。 我的問題是：我怎樣才能啓動這個異步客戶端（通過網絡套接字通信），並將這個庫的外部函數（發送和異步接收）轉換成Angular來做它的東西（範圍，回覆等...）

external.js

Example: 
var client = new ExtClient({params}); //not setting callbacks 
Client.onMessageArrived = myCallbackHandler; 
var message = new ExtMessage("Hi there"); 
Client.send(message); 
function myCallbackHandler(message) { 
    console.log("onMessageArrived"); 
} 

app.js

var app = angular.module('myApp', ['connectionService']); 
app.controller('MainController', [ '$scope', 
    function($scope) { 
     //I want to catch the myCallbackHandler function async with the message 
     //and use the client.send(message) with the response... 
     $scope.messageTable.push({message.id, message.value}); //messageTable is bind in the view to create a table 
}]); 

Answer 1

您也可以考慮使用$廣播（應用程序的不同元素之間的通信），$發出（）和$的（），$上的範圍或$ rootScope。更多：

https://docs.angularjs.org/api/ng/type/ $ rootScope.Scope

http://toddmotto.com/all-about-angulars-emit-broadcast-on-publish-subscribing/

Answer 2

這是您要創建的服務的情況。

angular.module('myApp', ['connectionService']) 
    .factory('messageService', function() { 
     var client = new ExtClient({ 
      // set your params 
     }); 

     return { 
      listen: function(event, callback) { 
       /* code to register a callback on an event */ 
       client[event] = callback; 
      }, 
      push: function(id, value) { 
       /* code to push a message */ 
       client.send(new ExtMessage(message)); 
      } 
     }; 
    }) 
    .controller('MainController', ['messageService' function(messageService) { 
     messageService.listen('onMessageArrived', function(message) { 
      console.log("onMessageArrived"); 
     }); 
     messageService.push('some id', 'some message'); 
    }]);