AngularJS ng-bind 指令

定义和用法

ng-bind 指令告诉 AngularJS 使用给定变量或表达式的值替换 HTML 元素的内容。

如果给定变量或表达式的值发生更改,则指定 HTML 元素的内容也会更改。

如果给定变量或表达式的值发生变化,则指定 HTML 元素的内容也将随之更改。

实例

将 <p> 元素的 innerHTML 绑定到变量 myText:

<div ng-app="" ng-init="myText='Hello World!'">

<p ng-bind="myText"></p>

</div>

亲自试一试

语法

<element ng-bind="expression"></element>

或者作为 CSS 类:

<element class="ng-bind: expression"></element>

所有 HTML 元素都支持。

参数

参数 描述
expression 指定要计算的变量或表达式。