AngularJS ng-bind-template指令
AngularJS 实例
<p> 要素に2つの式をバインドします:
<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>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
</script>
尝试一下 »
定義と用法
ng-bind-templateこのディレクティブは、AngularJSに指定された式の値をHTML要素の内容に置き換えるように指示します。
HTML要素に複数の式をバインドしたい場合に使用できます。ng-bind-template指令。
语法
<element ng-bind-template="expression"></element>
すべてのHTML要素がこのディレクティブをサポートしています。
参数值
| 值 | 描述 |
|---|---|
| expression | 実行する1つ以上の式。それぞれを{{ }}で囲みます。 |
其他扩展