首页 > 其他 > 详细

数据绑定指令

时间:2017-02-03 18:37:19      阅读:267      评论:0      收藏:0      [点我收藏+]

ng-bind   绑定一个HTML元素的 innerText 属性

ng-bind-html    使用一个HTML元素的 innerHTML 属性创建数据绑定

ng-bind-template     与 ng-bind 指令类似,但是允许在属性值中指定多个模板表达式

ng-model         创建一个双向数据绑定

ng-non-bindable          声明一块不会执行数据绑定的区域

单向数据绑定:

ng-bind   或者   {{表达式}}

eg: 1、 <div>There are {{todos.length}} items</div>

  2、 <div>There are <span ng-bind="todos.length"></span> items</div>

ng-bind-template 指令, 指定模板表达式

  eg: <div ng-bind-template="First: {{todos[0].action}}. Second: {{todos[1].action}}"></div>

  结果:First:get groceries. Second:call number

 

<!-- ng-non-bindable 声明一块不执行数据绑定的区域 -->
<div ng-non-bindable>
Angular uses {{and}} characters for templates
</div>

结果:Angular uses {{and}} characters for templates


<!--不添加 ng-non-bindable 指令,将会执行数据绑定-->
<div>
Angular uses {{and}} characters for templates
</div>

结果:Angular uses characters for templates

数据绑定指令

原文:http://www.cnblogs.com/debra/p/6363125.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!