Tutorials References Exercises Bootcamp Menu
Sign Up Create Website Get Certified Pro

AngularJS ng-bind-template Directive


Bind two expressions to the <p> element:

<div ng-app="myApp" ng-bind-template="{{firstName}} {{lastName}}" ng-controller="myCtrl"></div>

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
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.


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