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.

Answer 1

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

Answer 2

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

LINK:

FIDDLE

Answer 3

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