각도 js 간격에 json 업데이트 및보기 업데이트

Question

나는 인터넷에서 일정 시간 간격으로 $ http json 요청을 업데이트 할 수 있고 동시에 내 바인딩을 업데이트 할 수있는 솔루션을 찾으려고했습니다. 새로운 데이터로

$ timeout을 사용하는 몇 가지 예제를 보았지만 제대로 작동하지 못했고 가장 좋은 방법이 무엇인지 알고 싶었습니다. 또한 새로운 데이터를 가져온 뷰를 업데이트 할 수 있다는 것은 새로운 요청을 할 수 없었기 때문에 해결할 수없는 것입니다.

다음은 현재 빌드입니다.

app.js 파일은 json의 초기 가져 오기를 보여줍니다.

var myApp = angular.module('myApp', ['ngRoute']); 

    myApp.controller('MainCtrl', ['$scope', '$http', 
     function($scope, $http, $timeout) { 
      $scope.Days = {}; 

      $http({ 
       method: 'GET', 
       url: "data.json" 
      }) 
       .success(function(data, status, headers, config) { 
        $scope.Days = data; 
       }) 
       .error(function(data, status, headers, config) { 
        // something went wrong :(
       }); 

     } 
    ]); 

HTML 설정은 :

<ul ng-controller="MainCtrl"> 
    <li class="date" ng-repeat-start="day in Days"> 
    <strong>>{{ day.Date }}</strong> 
    </li> 

    <li class="item" ng-repeat-end ng-repeat="item in day.Items"> 
    <strong>>{{ item.Name }}</strong> 
    </li> 
</ul> 

Answer 1

나는 $timeout를 사용합니다.

알고 계시 겠지만 $timeout 반환 약속. 따라서 약속이 해결되면 다시 myLoop 메서드를 호출 할 수 있습니다.

다음 예제에서 우리는 http를 10 초마다 호출합니다. 보조 노트로

var timer; 

function myLoop() { 
    // When the timeout is defined, it returns a 
    // promise object. 
    timer = $timeout(function() { 
     console.log("Timeout executed", Date.now()); 
    }, 10000); 

    timer.then(function() { 
     console.log("Timer resolved!"); 

     $http({ 
      method: 'GET', 
      url: "data.json" 
     }).success(function (data, status, headers, config) { 
      $scope.Days = data; 
      myLoop(); 
     }).error(function (data, status, headers, config) { 
      // something went wrong :(
     }); 
    }, function() { 
     console.log("Timer rejected!"); 
    }); 

} 

myLoop(); 

: 컨트롤러를 호출해야합니다 파괴

$timeout.cancel(timer);

// When the DOM element is removed from the page, 
// AngularJS will trigger the $destroy event on 
// the scope. 
// Cancel timeout 
$scope.$on("$destroy", function (event) { 
    $timeout.cancel(timer); 
}); 

이 데모 Fiddle