如何为使用 angularjs ngResource ($resource) 进行的 REST 调用设置时间限制

Question

我正在使用 angularjs 通过 REST 调用 java api。

var app = angular.module("MyApp", ["ngResource","ngProgress"])
.factory('ConnectionData',function ($resource){
  return $resource('URI');
  });
  
  
function connectionTestController($scope,ConnectionData,ngProgress,$timeout){

$scope.connectionTest = function(){


    var success = function(data, getResponseHeaders){
      ngProgress.complete();
      $scope.datas = data;
      $('#testConnectionBtn').attr("disabled", false);
    };
    var failure = function(data){

      if(data.status == 404) {    

        $scope.errorString = data.status+", Request Error, Try Again"; 

      }else{

        $scope.datas = data.data;
        $scope.errMessage = $scope.datas.message;
      }
      ngProgress.complete();
      $('#testConnectionBtn').attr("disabled", false);

    };


    ConnectionData.get(success,failure);
  
  };
};
  

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>

<div class="col-md-4" ng-controller="connectionTestController">
     <h1>Connection Test</h1>
     <p><button class="btn btn-primary" ng-click="connectionTest()" id="testConnectionBtn">Click to Test</button></p>


     Code: <label id="code">{{datas.code}}</label><br>
     Status: <label id="status">{{datas.status}}</label><br>
     Data: <label id="data">{{datas.data}}</label><br>
     Message: <label id="message">{{errMessage}}</label><br><br>

     <label id="customeError">{{errorString}}</label><br>

   </div>

单击按钮时正在进行 REST 调用。我想对请求设置时间限制。 （例如：30 秒。）如果在时限内没有收到回复，则应显示错误消息。

Answer 1

您可以为您的操作设置超时选项，例如：

{ 
   'get':    {method:'GET', timeout:2000},
   'save':   {method:'POST', timeout:2000},
   'query':  {method:'GET', isArray:true, timeout:2000},
   'remove': {method:'DELETE', timeout:2000},
   'delete': {method:'DELETE', timeout:2000}
};

这可以在 ConnectionData 工厂中完成。

之后，你就可以这样了：

  ConnectionData.get({id:'SomeId'}).$promise.then(success).catch(failure);

这有意义吗？