Angular JS 中未调用承诺回调

Question

如果我从doStuff 调用connect，我会收到“套接字已连接”的消息，但不会调用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 中，promise 结果在 $digest 循环内异步传播。因此，您使用 then() 注册的回调函数只会在进入 $digest 循环时被调用。

因此，当您的套接字连接时，我们处于摘要循环中。 then() 创建一个新的 Promise，但 then() 的结果将不会传播到下一个摘要周期，这永远不会到来（因为没有 $timeout 或 $http 或 DOM 事件来触发） .正如@Ajay 刚刚发布的那样，如果你添加 $scope.$apply()，它会导致一个摘要循环，你会看到结果。

Answer 2

你应该使用 $scope.$apply() 请找到下面的工作代码

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

                });
            }


        }