使用$ timeout在每x次刷新范围

一尘不染

使用$ timeout在每x次刷新范围

angularjs

我是新手。我想在几分钟后使用$ timeout of
angular刷新范围。我正在开发一个社交应用程序，需要在几分钟后刷新通知范围。使用服务从http请求获取通知。

JS：

App.factory('MyService' ,function($scope,$timeout){
return{
 notification:return function(callback){
      $timeout(function(){
       $http.get("notification/get").success(callback)
      },100000);


}
});

function Controller($scope,MyService){

 MyService.notification(function(result){
  $scope.notification =data;
 });

}

现在，如何在几分钟后发出http请求，让我们说1分钟并刷新通知范围。我尝试使用$ timeout，但工作不正常。

阅读 213

2020-07-04

共1个答案

一尘不染

但我建议将其$interval移至控制器。

 App.factory('MyService' ,function($scope,$timeout){
  return{
    notification: function(){
        return $http.get("notification/get").success(function(response){
           return response.data;
        });          
    }
  });

function Controller($scope,MyService,$interval){

   /**
   * Loads and populates the notifications
   */
   this.loadNotifications = function (){
      MyService.notification().then(function(data){
        $scope.notification =data;
      });
   });
   //Put in interval, first trigger after 10 seconds 
   var theInterval = $interval(function(){
      this.loadNotifications();
   }.bind(this), 10000);

    $scope.$on('$destroy', function () {
        $interval.cancel(theInterval)
    });

   //invoke initialy
   this.loadNotifications();
}

这似乎是一个更好的体系结构。

通过，解决或拒绝诺言将$digest成为范围。您希望每隔x毫秒获取一次通知，并将其传递到范围中。

2020-07-04