Javascript 无法使用angular.js绑定输入字段内的数据

我有两个输入文件，如下所示

<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}}" >

我需要当用户在第一个输入字段中键入任何文本时，第二个输入字段将同时更新相同的数据。请帮助我。

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

使用angularjs是最简单的一项任务。 检查小提琴链接。

LINK:

---

在控制器监视中

部门简称

并根据需要在监视中更改

登录名