使用$ timeout用於角js中的重複性休息調用

Question

我正在嘗試實現一項服務，該服務每5秒發出一次休息呼叫。之前我使用的是$ interval，但是我意識到如果由於互聯網連接問題導致請求花費的時間超過5秒，則可能會遇到麻煩。

service.fetchData= function() { 
     //UpdateHandler is my handler function which just fills my json array 
     restApiService.requestFromApi("REST" + '?latitude=' + latestCoords.latitude + '&longitude=' + latestCoords.longitude + '&radius=' + config.radiusInMetres, updateHandler); 
    }; 

    $timeout(service.fetchData, 5000); 

fetchData仍然只被調用一次。

我們如何使用超時多次調用和使用的承諾（我不是很熟悉的承諾）

Answer 1

如果你要堅持$timeout，你應該遞歸調用函數，以超時，然後請求到API完成。

service.fetchData= function fetchData() { 
    //UpdateHandler is my handler function which just fills my json array 
    restApiService.requestFromApi("REST" + '?latitude=' + latestCoords.latitude + '&longitude=' + latestCoords.longitude + '&radius=' + config.radiusInMetres, updateHandler) 
    .finally(function(){ 
      $timeout(fetchData, 5000)// Call new fetchData after finish previous 
     }); 
}; 

$timeout(service.fetchData, 5000); 

例

angular.module('ExampleApp', []) 
 
    .controller('ExampleController', function(restApiService, $timeout) { 
 
    var vm = this; 
 
    this.fetchData = function() { 
 
     console.log("start request"); 
 
     restApiService.requestFromApi("data") 
 
     .then(function() { 
 
      console.log("success response"); 
 
     }) 
 
     .finally(function() { 
 
      console.log("request again"); 
 
      fetchByTimeout();// Call new fetchData after finish previous 
 
     }); 
 
    }; 
 

 
    function fetchByTimeout() { 
 
     $timeout(vm.fetchData, 5000); 
 
    } 
 
    fetchByTimeout(); 
 
    }) 
 
    // Service for simulate long API call 
 
    .service("restApiService", function($q, $timeout) { 
 
    return { 
 
     requestFromApi: function(request) { 
 
     var defer = $q.defer(); 
 
     //simulate 10 seconds API call 
 
     $timeout(defer.resolve, 10000); 
 
     return defer.promise; 
 
     } 
 
    } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="ExampleApp"> 
 
    <div ng-controller="ExampleController as vm"> 
 

 
    </div> 
 
</div>

Answer 2

不能使用$timeOut多個calls.As％的docs，調用$超時的返回值是一個承諾，當延遲已經過去並且超時函數（如果提供的話）被執行時將被解決。簡而言之，它將在時間延遲後執行一次

您以前使用的是$interval對於您的要求是正確的。爲了避免您提出的問題（慢速上網，並在前一個完成之前新的呼叫），使用一個標誌。

//if(flag is false) 
// set flag to true and make http call 
// upon return from call, set flag to false 

現在在您的$interval函數調用中使用此登錄。希望這可以幫助。

Answer 3

對於多次呼叫，您必須使用$ interval。

var myapp = angular.module("myapp", []); 

myapp.controller("MyController", function($scope, $interval){ 

    $interval(isLoggedIn, 5000); 

}); 

function isLoggedIn() { 
    console.log("Interval occurred"); 
    // call your service method`enter code here` here 
} 

---

對於無極angularJs檢查鏈接...

http://haroldrv.com/2015/02/understanding-angularjs-q-service-and-promises/