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

Question

第一个输入字段

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

如果checkbox为true,则第一个输入值应反映到第二个输入字段.

Answer 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"/>