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 婆婆高寿祝福语大全简短