AngularJSng-bind-templateディレクティブ
例
2つの式を<p>要素にバインドします。
<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 {{ }}. |