angularjs – 使用$timeout刷新每个x时间的范围

前端之家收集整理的这篇文章主要介绍了angularjs – 使用$timeout刷新每个x时间的范围前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是棱角分明的新手.我想在几分钟后使用$timeout of angular来刷新范围.我正在开发一个社交应用程序,我需要在几分钟后刷新通知范围.使用服务从http请求获取通知.

JS:

  1. App.factory('MyService',function($scope,$timeout){
  2. return{
  3. notification:return function(callback){
  4. $timeout(function(){
  5. $http.get("notification/get").success(callback)
  6. },100000);
  7.  
  8.  
  9. }
  10. });
  11.  
  12. function Controller($scope,MyService){
  13.  
  14. MyService.notification(function(result){
  15. $scope.notification =data;
  16. });

}

现在我怎么能在几分钟后做出http请求,1分钟后刷新通知范围.我尝试使用$timeout但事情并不顺利.

但我建议将$interval移动到控制器.
  1. App.factory('MyService',$timeout){
  2. return{
  3. notification: function(){
  4. return $http.get("notification/get").success(function(response){
  5. return response.data;
  6. });
  7. }
  8. });
  9.  
  10. function Controller($scope,MyService,$interval){
  11.  
  12. /**
  13. * Loads and populates the notifications
  14. */
  15. this.loadNotifications = function (){
  16. MyService.notification().then(function(data){
  17. $scope.notification =data;
  18. });
  19. });
  20. //Put in interval,first trigger after 10 seconds
  21. var theInterval = $interval(function(){
  22. this.loadNotifications();
  23. }.bind(this),10000);
  24.  
  25. $scope.$on('$destroy',function () {
  26. $interval.cancel(theInterval)
  27. });
  28.  
  29. //invoke initialy
  30. this.loadNotifications();
  31. }

这似乎是一个更好的架构.

传递,解决或拒绝承诺将消化范围.您希望每隔x毫秒获取通知并将其传递到范围中.

猜你在找的Angularjs相关文章