第一个输入字段
<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"/>
如果复选框为true,则第一个输入值应反映到第二个输入字段。
如果您只想从视图中进行操作,则可以使用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"/>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句