AngularJS ng-bind directive
ng-bind directive
use to bind the innerHTML of the element to the model property. if any changes
happen , it will reflect the changes in innerHTML of the element.
it can be used as
attribute or as css class
Syntax ng-bind as CSS class
<element class="ng-bind:
expression"></element>
Syntax ng-bind as attribute
<element ng-bind="expression"></element>
Example: As CSS class
<div ng-app="myApp" ng-controller="EmployeeController">
<p>Example:
As CSS class</p>
<br />
Name: <input type="text" ng-model="Name" />
<p class="ng-bind:Name"></p>
</div>
<script>
var
myapp = angular.module('myApp', []);
myapp.controller('EmployeeController',
function ($scope) {
$scope.Name = "www.code-view.com";
});
</script>
Output:-
