更新模型更改的HTML

Question

我有这样的控制器:

function postCtrl($scope){
    $scope.model = { title: 'one' };

    window.setInterval(function(){
        $scope.model += ' more one,';
    }, 1000);
}

查看方:

<div ng-controller="postCtrl">
     <input type="text" ng-model="model.title"/>
</div>

我希望textbox在model.title更改时自动刷新值(每1秒).请告诉我是否有可能

Answer 1

使用$ timeout将函数包装在try/catch-block中以进行正确的异常处理,并执行$ scope.apply(); 对你而言,比普通的window.setInterval更容易测试:

function postCtrl($scope, $timeout){
    $scope.model = { title: 'one' };

    $timeout(function(){
        $scope.model += ' more one,';
    }, 1000);
}