绑定一次

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 的双向数据绑定,因此每当此字段在你的应用程序中发生更改时,该视图都不会自动反映在视图中。因此**,仅将其用于在应用程序的整个生命周期内不会更改的值**。