AngularJS 绑定一次
示例
Angular以出色的双向数据绑定而闻名。默认情况下,每当模型或视图组件中的数据发生更改时,Angular就会连续同步模型和视图组件之间绑定的值。
如果使用太多,这会带来一些缓慢的代价。这将对性能造成更大的影响:
不良表现:{{my.data}}
::在变量名称前添加两个冒号以使用一次性绑定。在这种情况下,仅在my.data定义一次后更新值。您明确指出不要监视数据更改。Angular不会执行任何值检查,因此每个摘要循环上要计算的表达式较少。
使用一次性绑定的良好性能示例
{{::my.data}}
<span ng-bind="::my.data"></span>
<span ng-if="::my.data"></span>
<span ng-repeat="item in ::my.data">{{item}}</span>
<span ng-class="::{ 'my-class':my.data}"></div>注意:但是,这将删除的双向数据绑定my.data,因此,只要此字段在您的应用程序中发生更改,该字段就不会自动反映在视图中。因此,仅将其用于在应用程序的整个生命周期中都不会改变的值。
热门推荐
10 艺术考试祝福语英语简短
11 姐妹结婚新婚祝福语简短
12 英语寄信祝福语范文简短
13 除夕时刻祝福语大全简短
14 收到乔迁礼物祝福语简短
15 当选团员祝福语简短精辟
16 八一祝福语简短情话句子
17 韩语学生毕业祝福语简短
18 新娘妈妈祝福语简短的