AngularJS ng-bind 指令

实例

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

  1. <!DOCTYPE html>
  2. <html>
  3. <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
  4. <body>
  5. <div ng-app="" ng-init="myText='Hello World!'">
  6. <p ng-bind="myText">
  7. </div>
  8. </body>
  9. </html>

定义与用法

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

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


语法

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

或者 CSS 样式:

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

由所有 HTML 元素支持。


参数值

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

分类导航