javascript – AngularJS V1.1拦截器最后总是有$q.when

在关于拦截器的AngularJS的documentation(版本1.1)中,拦截器函数都返回这样的东西

return response || $q.when(response);

但是,在我的应用程序中,始终定义“响应”,因此永远不会执行$q.when(响应).
所以问题是在什么情况下“回应”是不确定的,将会是什么

$q.when(response) // == $q.when(null)

做!因为响应未定义/ null?

解决方法:

> $q.when(承诺)→承诺
> $q.when(nonPromise)→新的承诺,将异步解析为给定值nonPromise.

让我们看看什么是$q.when:

$q.when = function (foreignPromise) {
    var deferred = $q.defer();
    foreignPromise.then(function (data) {
        deferred.resolve(data);
        $rootScope.$digest();
    }, function (reason) {
        deferred.reject(reason);
        $rootScope.$digest();
    });
    return deferred.promise;
}

工厂退货$q.when(数据)

我们可以看到$q.when收到promise或nonPromise并用它包装.

工厂示例:

fessmodule.factory('Data', ['$resource','$q',  function($resource, $q) {
    var data = [
        {
            "PreAlertInventory": "5.000000",
            "SharesInInventory": "3.000000",
            "TotalSharesSold": "2.000000",
            "TotalMoneySharesSold": "18.000000",
            "TotalSharesBought": "0.000000",
            "TotalShareCost": "0.000000",
            "EstimatedLosses": "0.000000"
        }
    ]; 

    var factory = {
        query: function (selectedSubject) {                             
            return $q.when(data);
        }    
    }
    return factory;
}]); 

现在我们可以从控制器调用它:

Data.query()
           .then(function (result) {
               $scope.data = result;                           
           }, function (result) {
               alert("Error: No data returned");
           });

演示Fiddle

工厂返回$q.when(数据)||数据

从这个例子我们回报承诺.所以我们稍微改变一下:

而是返回$q.when(数据);我们会写:

return $q.when(data) || data;

它也会起作用.但反之亦然.

据我所知,Angular知道控制器等待来自数据服务的承诺和上面提到的语句将使用第一个$q.when(数据).

演示2 Fiddle

工厂返回数据|| $q.when(数据)

现在我们通过这种方式调用我们的数据服务:

$scope.data =  Data.query();

没有承诺,电话是同步的.

出厂似乎:

fessmodule.factory('Data', ['$resource','$q',  function($resource, $q) {
    var data = [
        {
            "PreAlertInventory": "5.000000",
            "SharesInInventory": "3.000000",
            "TotalSharesSold": "2.000000",
            "TotalMoneySharesSold": "18.000000",
            "TotalSharesBought": "0.000000",
            "TotalShareCost": "0.000000",
            "EstimatedLosses": "0.000000"
        }
    ]; 

    var factory = {
        query: function (selectedSubject) {                             
            return  data || $q.when(data);
        }
    }
    return factory;
}]);

演示3 Fiddle

我的结论

返回数据|| $q.when(data)表示我们的服务可以返回单个值或promise.但是既然我们知道我们的服务返回了什么类型的数据,那么在这个声明中没有任何意义.或数据或承诺.

上一篇:在Javascript中拦截Fetch()API响应和请求


下一篇:java – 如何在Spring中拦截静态方法?