Update angular model after 60 seconds

Question

How do I get my model to update automatically after 60 seconds?

I have an array in $scope.tweets that contains a list of tweets. I would like $scope.currentTweet to pop a tweet off the array every 60 seconds.

Is there is a particular way to do this in angular?

Answer 1

Yes you can. AngularJS has $interval for you.

1. Inject $interval into your controller.
2. Register it for calling an update function every 60s.

Example:

myApp.controller('MyCtrl', ['$scope', '$interval', function($scope, $interval){
    $scope.tweets = [];
    $scope.currentTweet = null;
    var myUpdater = $interval(function(){
        $scope.currentTweet = $scope.tweets.pop();
    }, 60*1000);

    //And you can cancel the interval anytime you want by calling this:
    $interval.cancel(myUpdate);
})

Answer 2

Take a look at the $interval service, which is Angular's wrapper around the native setInterval function.

$interval(function () {
    $scope.currentTweet = $scope.tweets.shift();
}, 60 * 1000);