Angular:立即从ngClick函数返回

时间:2016-04-09 16:19:35

标签: javascript angularjs promise

我的页面上有一个下拉菜单,它实际上只是一个无序列表,每个菜单项都是这样的:

<li ng-click='doCalc(5)'>Five</li>

现在,doCalc调用的函数可能需要一段时间:

function doCalc(num) {
  factorial(num);
}

这意味着在factorial运行时菜单会保留在屏幕上。我想要的是doCalc立即返回,而不是等待factorial完成运行。

我知道如何使用无延迟的setTimeout和一个承诺来做到这一点。 但是,角色方式是做什么的?寻找&#34;角度承诺&#34;产生了大量关于HTTP请求的结果,在这里我只是做了一个简单的计算。

1 个答案:

答案 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来解析该功能}})。