AngularJS ng-bind template Directive

by Online Tutorials Library July 22, 2022

AngularJS ng-bind-template Directive

The AngularJS ng-bind-template directive specifies that the text content should be replaced with a template. It replaces the content of an HTML element with the value of the given expressions.

Unlike ngBind, the ngBindTemplate can contain multiple {{ }} expressions. So, it is used when we want to bind more than one expression to your HTML element. It is required because some HTML elements like TITLE and OPTION cannot contain SPAN elements.

Syntax:

Parameter explanation:

expression: It specifies one or more expressions to evaluate, each surrounded by {{ }}.

Let’s take an example to demonstrate ng-bind-template directive.

See this example:

     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js" id="ba489871fe4b1d39e04e5d8181d936d3" type="PenciLazyScript"></script>    
<div ng-app="myApp" ng-bind-template="{{firstName}} {{lastName}}" ng-controller="myCtrl">  </div>
<p>         </p>

Test it Now

Next TopicAngularJS ng-change Directive

AngularJS ng-bind template Directive

AngularJS ng-bind-template Directive

jQuery position()

Tableau Interview questions for experienced professionals PDF (2022)

You may also like