美文网首页
Angular 单向数据绑定

Angular 单向数据绑定

作者: kyle背背要转运 | 来源:发表于2017-06-26 15:21 被阅读0次

描述:展示类页面在大部分绑定中是不需要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>

相关文章

  • vue菜鸟笔记

    1.不同于angular的数据双向绑定;vue为单向绑定。 2.同样有指令。angular是“ng-show”表示...

  • Angular 单向数据绑定

    描述:展示类页面在大部分绑定中是不需要ng的双向绑定的,为了优化ng的apply效率,可以采取单向数据绑定解释:默...

  • angular2:数据绑定的基本概念

    前面有写到input的双向数据绑定,但除了双向数据绑定外,还存在单向数据绑定的概念,比如angular2:组件间的...

  • js实现数据单向绑定

    如果你在学习一种前端框架,如vue、angular等,那么你一定不会对数据的单向绑定陌生。 何为数据的单向绑定? ...

  • angualr(三) 数据绑定

    angular 默认数据改为单向绑定 数据绑定 插值表达式 使用方括号将HTML标签的一个熟悉绑定到一个表达式 使...

  • 再谈angularJS数据绑定机制及背后原理—angularJS

    Angular 的数据绑定采用什么机制,详述原理? 脏检查机制。阐释脏检查机制,必须先了解如下问题。 单向绑定(n...

  • Vue 中的双向数据绑定

    双向绑定 单向数据流 双向绑定 or 单向数据流 Vue 是单向数据流,不是双向绑定 Vue 的双向绑定是语法糖 ...

  • Angular学习第一天

    Angular学习第一天 第一天学习目标 如何创建angular新工程 什么是单向绑定 什么是双向绑定 双向绑定需...

  • Vue和React数据绑定对比

    在数据绑定上来说,vue的特色是双向数据绑定,而在react中是单向数据绑定。 一 单向和双向数据绑定其实不是完全...

  • Android DataBinding(二) 之 数据绑定

    前言 现在来说明一下DataBinding的数据绑定 单向数据绑定 这里的单向数据绑定指的是model类的数据变化...

网友评论

      本文标题:Angular 单向数据绑定

      本文链接:https://www.haomeiwen.com/subject/ktkjcxtx.html