AngularJS ng-bind-template 指令

定義と使用法

ng-bind-template 指令が AngularJS に指定された表現の値を使用して HTML 要素の内容を置き換えることを指示します。

HTML 要素に複数の表現をバインドしたい場合には、 ng-bind-template 指令

例

二つの表現を <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 = "Bill";
    $scope.lastName = "Gates";
});
</script>

実際に試してみてください

文法

<element ng-bind-template="expression</element>

すべての HTML 要素がサポートされています。

パラメータ