Angular 单向数据绑定

描述:展示类页面在大部分绑定中是不需要ng的双向绑定的,为了优化ng的apply效率,可以采取单向数据绑定
解释:默认情况下 ng开启双向绑定,1.3版本之前需要引用 bind once插件。1.3以后官方支持。
参考资料:https://toddmotto.com/angular-one-time-binding-syntax/

 $scope.ProductInfo = Product; //产品基本信息

        function aa(){
                $scope.ProductInfo.ProductName = '123';
                alert('11')
                $scope.$apply();
            }
// 双向绑定 aa 方法执行后 productName会变成 123
<p class="con-text" ng-bind-html="ProductInfo.ProductName | trustHtml"></p>

// 单向数据绑定 aa 方法执行后 productName不改变
<p class="con-text" ng-bind-html=":: ProductInfo.ProductName | trustHtml"></p>

//其他语法:

<p>
  {{ ::vm.user }}
</p>

 ng-class="::{ loggedIn: vm.user.loggedIn }"
 
 ng-if="::vm.user.loggedIn"


<input type="text" ng-model="vm.user">
<p>
  {{ ::vm.user }}
</p>

<li ng-repeat="user in ::vm.users"></li>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容