Typescript微调指令

Question

我正在尝试使用TYPESCRIPT实现某种类型的angularjs指令，它将使用布尔参数"isShow“包装每个$http get请求，该参数将监视请求的状态，并相应地更新参数和显示/隐藏html元素(不使用$scope或$watch )。)你知道怎么做到这一点吗？谢谢

Answer 1

使用promise disposer pattern

var spinnerSemaphore = 0;
function own(fn){
    spinnerSemaphore++;
    var res = $q.when(fn());
    fn().then(function(){ spinnerSemaphore--; }, 
            function(){ spinnerSemaphore--; });
    return res; 
}

这样你就可以做到：

own(function(){
    return $http.get(...); 
});
own(function(){
    return $http.get(...); 
});
own(function(){
    return $http.get(...); 
});
own(function(){
    return $timeout(...); // this also works, and anything else with promises
});

并将显示微调器的bind绑定到spinnerSemaphore (因此falsey为0表示隐藏微调器，大于0表示显示微调器)。

Answer 2

如果您正在寻找单个微调器，您可以通过将其ng-show (或类似的东西)绑定到$http.pendingRequests.length来很容易地实现这一点。当然，这假设您的作用域(或$rootScope)中有$http。