例
<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>
»それを自分で試してみてください 定義と使用法
ng-bind-templateディレクティブは、与えられた式の値を持つHTML要素の内容を置き換えるためにAngularJSを指示します。
使用ng-bind-template 、あなたのHTML要素に複数の式をバインドしたいときに指令を。
構文
< element ng-bind-template=" expression "></ element >すべてのHTML要素によってサポートされています。
パラメーター値
| Value | Description |
|---|---|
| expression | One or more expressions to evaluate, each surrounded by {{ }}. |