[angularjs]有条件地反映到第二个输入字段的第一个输入的值 (基于复选框)

标签: jQuery AngularJS
发布时间: 2017/4/16 2:15:41
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

第一个输入的字段

<input type="text" id="prmnt_a1" ng-model="prmnt_a1" class="customInput" placeholder="Address Line 1"/>

复选框

<input type="checkbox" id="same" ng-model="same" ng-change="stateChanged(same)"/>

第二个输入

 <input type="text" id="prmnt_a2" ng-model="prmnt_a2" class="customInput" placeholder="Address Line 2"/>

如果复选框是真的,然后第一个输入的值应该反映到第二个输入字段。

解决方法 1:

如果你想要做纯粹从视图,那么您可以使用 ng-change :

<input type="text" id="prmnt_a1" ng-model="prmnt_a1" class="customInput" placeholder="Address Line 1"/>

<input type="checkbox" id="same" ng-model="same" ng-change="stateChanged(same); same ? prmnt_a2 = prmnt_a1 : false"/>

<input type="text" id="prmnt_a2" ng-model="prmnt_a2" class="customInput" placeholder="Address Line 2"/>

请注意,这只会设置的第二个输入值一次,(选中该复选框时),如果用户可以追溯到第一个输入和更改它又不会更新第二个输入,如果你想要在这种情况下以及更新,然后你将不得不添加第二个输入 ng-change 到第一个输入太:

<input ng-change="same ? prmnt_a2 = prmnt_a1 : false" type="text" id="prmnt_a1" ng-model="prmnt_a1" class="customInput" placeholder="Address Line 1"/>
赞助商