上一节:
下一节:

  AngularJS ng-bind 指令

  • 定义和用法

    ng-bind 指令告诉 AngularJS 将 HTML 元素的内容替换为给定变量或表达式的值。
    如果给定变量或表达式的值更改，则指定 HTML 元素的内容也将更改。

  • 语法

    <element ng-bind="expression"></element>
    或作为CSS类： 
    <element class="ng-bind: expression"></element>
    所有HTML元素都支持。

  • 参数

    参数 必需的 描述
    expression 是 指定要评估的变量或表达式。

  • 示例

    下例演示了将<span>元素的innerHTML绑定到变量firstName和lastName： 
    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
<script type="text/javascript" src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
</head>
<body>
   <div ng-app="" ng-init="firstName='John';lastName='Doe'">
       <p>全名： <span ng-bind="firstName + ' ' + lastName"></span></p>
   </div>
</body>
</html>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: