Angular - 选中复选框时如何使2输入相同的值

时间:2014-03-05 00:45:32

标签: javascript angularjs

我想对我的代码使用angular。我在下面有HTML代码

<div ng-app="pemesanan">
<div ng-controller="datapesan">
<input type="text" name="nama1" /><br />
<input type="text" name="telephone1" />
<hr />
<input type="checkbox" name="nama_same" />Same Buyer

<input type="text" name="nama2" /><br />
<input type="text" name="telephone2" />

</div>

我想在选中复选框时,输入nama1值与nama2值同步并输入telephone1值与telephone2值同步

然后当未选中复选框时,输入nama1与nama2不同步。

1 个答案:

答案 0 :(得分:1)

在输入中使用ng-model并将这些模型分配给以下输入..


<input type="text" name="nama1"  ng-model="name1"/><br />
<input type="text" name="telephone1" ng-model="telephone1"/>
<input type="text" name="nama2" placeholder={{nama2}} value={{nama2}} /><br />
<input type="text" name="telephone2" placeholder={{telephone1}} value={{telephone1}}/>

通过这种方式,您可以显示相同的值,但只有在选中复选框后才会出现更改,您必须使用onclick和控制器中的某些实现。