Please note, this is a STATIC archive of website www.w3schools.com from 05 May 2020, cach3.com does not collect or store any user information, there is no "phishing" involved.
THE WORLD'S LARGEST WEB DEVELOPER SITE

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