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，因此，只要此字段在您的应用程序中发生更改，该字段就不会自动反映在视图中。因此，仅将其用于在应用程序的整个生命周期中都不会改变的值。