無極回調不叫角JS

Question

如果我把從doStuffconnect，我得到「套接字連接」，但callback不叫消息。我在這裏錯過了什麼？

$scope.connect = function() { 
    var defer = $q.defer(); 
    ws = new WebSocket("ws://server.com:port"); 
    ws.onopen = function(){ 
     console.log("Socket connected"); 
     defer.resolve("socket connected"); 
    }; 
    return defer.promise; 
} 

$scope.doStuff = function() { 
    $scope.connect().then(function(data) { 
     console.log("And we're off!", data); 
    }); 
} 

Answer 1

在AngularJS保證結果異步傳播，一個$消化週期內。因此，只有在輸入$ digest循環時纔會調用您在（）中註冊的回調函數。

所以，當你的套接字連接時，我們處於一個摘要循環中。 then()創建一個新的承諾，但then()的結果將不會傳播到下一個摘要週期，因爲沒有$timeout或$http或DOM事件觸發一個。正如@Ajay剛剛發佈的那樣，如果添加$ scope。$ apply（），它將導致一個摘要循環，您將看到結果。

Answer 2

您應該使用$範圍。$適用（），請找到下面的工作代碼

function formctrl($scope,$q,$timeout) { 
      $scope.connect = function() { 
       var defer = $q.defer(); 
       var ws = new WebSocket("ws://echo.websocket.org"); 
       ws.onopen = function (evt) { 
        defer.resolve("socket connected"); 
        $scope.$apply(); 
       } 
       return defer.promise; 
      } 

      $scope.raise = function() { 
       $scope.connect().then(function (data) { 
        alert(data); 

       }); 
      } 


     }