Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

How to bind text box to the the text

Anupam Mishra 2115 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.

Anupam Mishra

Other

1 Answers

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:

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

MindStick Training

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.