モデル変更時にAngularJSのビューが更新されない

質問

Angularがどのように動作するか理解しようとしていますが、モデルが変更されたときにビューが更新されるようにするのに苦労しています。

HTML

<div ng-app="test">  
        <p ng-controller="TestCtrl">  
            {{testValue}}  
        </p>  
    </div>

JS

var app = angular.module('test', []);

    app.controller('TestCtrl', function ($scope) {
       $scope.testValue = 0;

        setInterval(function() {
            console.log($scope.testValue++);
        }, 500);
    });

http://jsfiddle.net/N2G7z/

何か思いつくことはありますか？

どのように解決するのですか？

上記のAjay beniwalのように、Applyを使用して消化を開始する必要があります。

var app = angular.module('test', []);

app.controller('TestCtrl', function ($scope) {
   $scope.testValue = 0;

    setInterval(function() {
        console.log($scope.testValue++);
        $scope.$apply() 
    }, 500);
});