首页 > 代码库 > 使用绑定和模板指令

使用绑定和模板指令

一、数据绑定指令

ng-bind 绑定一个HTML元素的innerText属性,属于单向数据绑定,从数据模型中获得值并插入到HTML元素中。

ng-bind-html 使用一个HTML元素的innerHTML属性创建数据绑定。这是有潜在风险的,因为这意味着浏览器将把内容解释为HTML,而不只是内容。

ng-bind-template 与ng-bind指令类似,但是ng-bind只能处理单个数据绑定表达式,ng-bind-template允许在属性值中指定多个模板表达式

<div ng-bind-template="First:{{action}}. Second:{{complete}}"></div>

 

ng-model 创建一个双向数据绑定,从两个方向同时跟踪变化,允许元素从用户处收集数据以修改程序的状态。仅能用户那些允许用户输入数据值的元素上。

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

 

二、模板绑定指令

ng-cloak 使用一个CSS样式隐藏内联绑定表达式

使用绑定和模板指令