我的页面上有一个下拉菜单,它实际上只是一个无序列表,每个菜单项都是这样的:
<li ng-click='doCalc(5)'>Five</li>
现在,doCalc
调用的函数可能需要一段时间:
function doCalc(num) {
factorial(num);
}
这意味着在factorial
运行时菜单会保留在屏幕上。我想要的是doCalc
立即返回,而不是等待factorial
完成运行。
我知道如何使用无延迟的setTimeout和一个承诺来做到这一点。 但是,角色方式是做什么的?寻找&#34;角度承诺&#34;产生了大量关于HTTP请求的结果,在这里我只是做了一个简单的计算。
答案 0 :(得分:2)
可以使用$q
服务或$timeout
服务创建承诺。
function doCalc(num) {
return $q.when(factorial(num));
};
function doCalc(num) {
return $timeout(function() {return factorial(num)}, 0);
};
是否偏爱其中一个?如果我在页面中还有很多异步请求,那么会被阻止吗?
$q
服务和$timeout
服务均使用$q
队列(以及setTimeout
下方)。请注意,浏览器队列和Angular $q
队列都在单个线程上运行。这意味着一旦factorial
函数启动,它就会运行完成。如果您担心factorial
服务导致其他异步操作出现问题,则需要通过多次调用$q.when
或$timeout
(最终调用setTimeout
来解析该功能}})。