AngularJS ng-bind Directive

by Online Tutorials Library July 22, 2022

AngularJS ng-bind Directive

The AngularJS ng-bind directive replaces the content of an HTML element with the value of a given variable, or expression. If you change the value of the given variable or expression, AngularJS changes the content of the specified HTML element as well as.

It is an alternative to the interpolation directive.

Syntax:

As attribute:

As CSS class:

Parameter explanation:

expression: It specifies a variable, or an expression to evaluate.

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

See this example:

         <meta charset="utf-8">    <title>ng-bind example</title>    <script src="../wp-content/static///ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js" id="e0c2fc0df2a13be9c612c17037c4bac3" type="PenciLazyScript"></script>           
<div ng-controller="ExampleController">    <label>Enter name: <input ng-model="name" type="text"></label><br>    Hello <span ng-bind="name"></span>!  </div>
<p>      </p>

Test it Now

Next TopicAngularJS ng-bind-html Directive

AngularJS ng-bind Directive

AngularJS ng-bind Directive

Struts 2 with i18n example tutorial

Java String equalsIgnoreCase() method

You may also like