Example
Bind two expressions to the <p> element:
<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>
Try it Yourself »
Definition and Usage
The ng-bind-template directive tells AngularJS to replace the
content of an HTML element with the value of the given expressions.
Use the ng-bind-template directive when you want to bind more
than one expression to your HTML element.
Syntax
<element ng-bind-template="expression"></element>
Supported by all HTML elements.
Parameter Values
| Value | Description |
|---|---|
| expression | One or more expressions to evaluate, each surrounded by {{ }}. |