AngularJS ng-bind-template 指令



  • 定义和用法

    ng-bind-template 指令告诉 AngularJSHTML 元素的内容替换为给定表达式的值。
    要将多个表达式绑定到 HTML 元素时,请使用 ng-bind-template 指令。
  • 语法

    <element ng-bind-template="expression"></element>
    
    所有HTML元素都支持。
  • 参数

    参数 必需的 描述
    expression 一个或多个要求值的表达式,每个表达式都用{{}}包围。
  • 示例

    下例演示了将两个表达式绑定到<p>元素:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
    </head>
    <body>
       <div ng-app="myApp" ng-bind-template="{{firstName}} {{lastName}}" ng-controller="myCtrl"></div>
       <script>
          var app = angular.module("myApp", []);
          app.controller("myCtrl", function($scope) {
              $scope.firstName = "John";
              $scope.lastName = "Doe";
          });
       </script>
    </body>
    </html>