Can not bind data inside input field using angular.js

Question

I have two input filed and those are given below.

<input type="text" name="itemname" id="contactno" class="form-control" placeholder="short name" ng-model="dept_short_name" > <input type="text" name="itemname" id="contactno" class="form-control" ng-model="loginname" readonly="readonly" value="{{dept_short_name}}" >

I need when user will type any text in first input field the second input field will update with same data simultaneously.Please help me.

Evgeni Dimitrov · Accepted Answer · 2015-10-06 11:38:10Z

2

<input type="text" ng-model="dept_short_name" /> <input type="text" readonly="readonly" ng-model="dept_short_name"></input>

answered Oct 6, 2015 at 11:38

Evgeni Dimitrov

22.6k34 gold badges124 silver badges148 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ved · Accepted Answer · 2015-10-06 11:42:57Z

1

It is simplest one task using angularjs. Check the fiddle link.

LINK:

FIDDLE

answered Oct 6, 2015 at 11:42

Ved

12.1k5 gold badges46 silver badges61 bronze badges

Comments

xxlali · Accepted Answer · 2015-10-06 11:43:53Z

0

In controller watch dept_short_name and change loginname as you want inside watch.

answered Oct 6, 2015 at 11:43

xxlali

1,0662 gold badges17 silver badges50 bronze badges

Collectives™ on Stack Overflow

Can not bind data inside input field using angular.js

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related