使用绑定和模板指令

Posted 2020-08-15 爆炒小黄鸡

一、数据绑定指令

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样式隐藏内联绑定表达式