Question

AngularJS 在controller上下文之外, 用value='xx' 改变ng-model 控制的值, 怎么同步到数据模型中

如题:
<input type='text' ng-model='name'/>{{name || 'nothing here'}}
<input type='button' ng-click='changeValue()'/>

controller中
$scope.changeValue = function () {
document.getElementsByTagName('input')[0].value = 'mr lee';
//input的值被改变了, 怎么能让$scope.name的值也跟着改变
}

Answer 1

你直接改name的值，页面自然跟着改了，你搞反了

追问

可是现在的需求就是这样的啊. 比如给这个Input引用一个第三方的日期选择器. 这个选择器就是去改变这个input的value啊. 没办法改变name的值啊.

Answer 2

用$watch方法监视你要响应的值，在回调函数中同步他们两个的值，这样一个改变另一个就改变了

追问

您好, 能不能说的具体一点.
据我所知, $swatch 只能监视 $scope中的数据模型. 没有办法监视input控件吧