单向数据绑定
ng-bind
具有单向数据绑定(Model($scope) --> View)
例如。ng-bind="myText"
OR {{ myText }}
显示范围值$scope.myText
插入到 HTML 中的位置myText
是范围变量名称。(例如,模型 -> 视图)
双向数据绑定
ng-model
旨在主要放置在表单元素内并具有双向数据绑定
(Model($scope) --> View and View --> Model($scope))
Eg. <input name="firstname" ng-model="firstname"/>
当您与表单元素交互时firstname
到哪个ng-model
与。。。相互作用$scope.firstname
并自动更新相应的视图Digest
循环。(例如,模型 -> 视图和视图 -> 模型)
一次性数据绑定
新语法添加了::
在任何值前面(单向或双向),它声明我们想要one time binding
:
<p>
{{ ::firstname }}
</p>
Once firstname
被定义并包含一个值,AngularJS 将unbind
它和任何模型更新都不会影响视图。
例如。使用时ng-if
<div ng-if="::user.firstname"></div>
使用时ng-class
<div ng-class="::{ 'active': user.firstname }"></div>
使用时NG-重复
<ul>
<li ng-repeat="user in ::users"></li>
</ul>