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 中午生日家庭祝福语简短