Ng-Non-Bindable-4

 

In this textbox value is bind to myName variable.In first case textbox value is display but in second case it will display {{myName}} because ng-non-bindable does not bind application data to html element.

 
 
 
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script> </head> <body ng-app> <div> Name: <input type="text" ng-model="myName"> <p>My name is {{ myName }}</p> <p ng-non-bindable>My name is {{ myName }}</p> </div> </body> </html>
Output