AngularJS承诺从服务返回时不触发
我将慢速的WebSockets服务器包装在AngularJS服务中，然后从我的控制器调用该服务。如果我将回调链接到回调上，则一切正常，所有UI均异步更新。
当我尝试用来$q.defer()清理一团糟的回调时，似乎我的延迟请求从未被调用。我熟悉从Python的Twisted派生的概念，因此我认为从概念上讲一切都应该起作用-但事实并非如此。
这是我能想到的最短的例子，慢速的WebSockets服务器是使用setTimeout函数模拟的。
<!doctype html>
<html ng-app="beta">
<head>
<title>Beta</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
<script>
var beta = angular.module('beta', []);
var BetaCtrl = function ($scope, betaServ) {
$scope.button = function () {
serv_result = betaServ.slow();
console.log(serv_result);
serv_result.then(function (result) {
console.log('callback finished');
});
}
}
beta.service('betaServ', function($q) {
this.slow = function () {
d = $q.defer()
setTimeout(function () {
console.log('before resolve');
d.resolve();
console.log('after resolve');
}, 2000);
return d.promise;
}
});
</script>
</head>
<body>
<div ng-controller="BetaCtrl">
<button ng-click="button()">Run</button>
</div>
</body>
</html>
可以运行如下：
- 点击按钮
- $ scope.button（）被调用；它调用service.slow（）函数
- service.slow（）返回延迟
- 延迟注册了一个回调
- 延迟触发，触发注册的回调（这部分永远不会发生）
有任何想法吗？谢谢。
问题答案：
您需要使用$ apply调用回调，因为它是在Angular之外调用的。由于这是一项服务，因此您需要在服务中包含$ rootScope：
beta.service('betaServ', function($q, $rootScope) {
this.slow = function () {
d = $q.defer()
setTimeout(function () {
console.log('before resolve');
$rootScope.$apply(d.resolve);
console.log('after resolve');
}, 2000);
return d.promise;
}
});
-
问题内容： 根据Michal Charemza帖子编辑。 我有一个代表angularui模态对话框的服务： 如果用户单击对话框中的“确定”，则在调用delete方法时将执行。 问题是我无法对此进行单元测试。 这是我的考验。我已经正确注入了q服务，但是我不确定应该从间谍那里返回什么… 但是我正在接受。这意味着…部分没有执行。我想念什么？ 问题答案： 要模拟返回承诺的函数，它还需要返回承诺，然后需要将
-
问题内容： 关于这两个重要来源：NZakas- 承诺链中的归还承诺 和MDN承诺，我想提出以下问题： 每次我们从承诺履行处理程序返回值时，该值如何传递给从同一处理程序返回的新承诺？ 例如， 在这个例子中，是一个承诺。也是来自履行处理程序的承诺。但是。取而代之的是神奇地解决（如何？），然后将该值传递给的实现处理程序。即使是这里的句子也令人困惑。 您能给我解释一下这到底是怎么回事吗？我对这个概念感到困
-
问题内容： 我的服务是： 我通过以下方式在我的文件中调用它： 但是，它抱怨这不是一个功能。我不退还已解决的承诺吗？ 问题答案： 从您的服务方式： 在您的控制器中：
-
问题内容： 我有一个像这样的递归函数 我正在使用它 我注意到您好永远不会返回，因为我怀疑我在递归调用上创建了多个promise，但是我不确定如何从中返回。 如何返回每个递归创建的Promise？ 编辑： 结果是 问题答案： 递归是一种功能性遗产，因此将其与功能性样式一起使用可产生最佳效果。这意味着编写接受和操作其输入（而不是依赖于外部状态）和返回值（而不是依赖于突变或副作用）的函数。 你的程序，而
-
问题内容： 我从控制器内部的异步服务获取数据，如下所示： 我的问题： 当我从服务中获得错误而又不返回承诺时，如何再次查询服务。 在我的服务中这样做会更好吗？ 谢谢！ 问题答案： 您可以在服务本身而不是控制器中重试该请求。 因此，可能是这样的： 您可以摆脱控制器中的错误功能：
-
问题内容： AngularJS文档说： $ qpromise由模板引擎以角度识别，这意味着在模板中，您可以将附加到作用域的promise视为它们的结果值。 所以有人可以解释一下这种提琴无法正常工作的原因吗？不可能更改文本字段的值。但是分配保证$http服务返回作用域字段的工作就像一个超级按钮。 控制器： HTML： 问题答案： 您需要在promise对象上使用then（）函数： 就您而言，我认为您