forum

home / developersection / forums / how to bind text box to the the text

Ask Question

How to bind text box to the the text

Anupam Mishra 1987 03-Mar-2016
Hi all,

I have one textbox and i want to enter a username in the Live Preview text box; the text below the text box changes instantly. Please give me a solution.

Thank you.
angular js javascript  angular js  css 
Updated on 03-Mar-2016
Anupam Mishra

Other

Follow Message
Can you answer this question?
Answer

1 Answers

Sachin Singh

Sachin Singh

03-Mar-2016

Hi Anupam,

If We want to bind with text box in angular js then be use ng-bind directives.
Here, below  we are using such bind in the program:

  <script>
  angular.module('binduserName', [])
  .controller('myController', ['$scope', function ($scope) {
   $scope.username =username;
   }]);
</script>
<div ng-controller="myController">
 <label>Enter User name: <input type="text" ng-model="username"></label><br>
  Hello <span ng-bind="username"> </span>!
</div>

Output:

How to bind text box to the the text

Here ,when we changed with another text ,it will display that text in the below of textbox.
MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy