FREE Web Template Download
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP JQUERY ANGULARJS TUTORIALS REFERENCES EXAMPLES Blog
 

AngularJS ng-bind-template Directive


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 {{  }}.