javascript - 在模型更改时更新 html

Question

我有这样的 Controller :

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

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

View 侧:

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

我希望文本框在 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);
}