angular.js - 关于ng-model和ng-bind的疑问

Question

双向绑定，一般来说是这样

<input ng-model="object.xxx">
<span ng-bind="object.xxx"></span>

也就是说ng-bind是相当于{{object.xxx}}，是用于展示数据的。而ng-model是控制数据的。

但在这里，我从后台获取到设备号后，输出到页面，对input使用的是ng-model，使用ng-bind是没有反应的，为什么？

Answer 1

<input type="text" ng-value="object.xxx" readonly="readonly" />

http://stackoverflow.com/a/12420157/2586541

$('#input1').html('123');    //ng-bind
$('#input1').val('123');    //ng-value

Answer 2

请问你是怎么获取的设备号?

如果是自己实现的ajax, 则获取数据后 需要 手动 $scope.$apply();
如果是用$http获取数据, angular 会自动调用 $apply().

Answer 3

ng-bind是从$scope -> view的单向绑定
ng-modle是$scope <-> view的双向绑定