AngularJS ng-bind-template 指令详解
AngularJSng-bind-template指令
AngularJS实例
<p>元素上绑定两个表达式:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<scriptsrc="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<divng-app="myApp"ng-bind-template="{{firstName}}{{lastName}}"ng-controller="myCtrl">
</div>
<script>
varapp=angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
$scope.firstName="John";
$scope.lastName="Doe";
});
</script>
</body>
</html>
运行结果：
JohnDoe
定义和用法
ng-bind-template指令用于告诉AngularJS将给定表达式的值替换HTML元素的内容。
当你想在HTML元素上绑定多个表达式时可以使用ng-bind-template指令。
语法
<elementng-bind-template="expression"></element>
所有的HTML元素都支持该指令。
参数值
值
描述
expression
一个或多个要执行的表达式，每个使用{{ }}包含。
以上就是对AngularJSng-bind-template指令知识介绍，有需要的朋友看下。