javascript - 在其他复选框ng-model的基础上更新复选框值的ng-model值

Question

我正在尝试在其他复选框的基础上更新一个复选框。

这是我启用的第一个复选框，用户可以更改其值；

<label>
  <input type="checkbox" id="chkAddVerification" name="chkAddVerification" 
  ng-model="chkAddVerification" ng-checked="chkAddVerification">
  Add Verification
</label>

这是第二个复选框，根据第一个复选框值禁用和更新；

<label>
   <input type="checkbox" id="chkSendCodeByEmail" name="chkSendCodeByEmail" 
   ng-model="chkSendCodeByEmail" ng-disabled="true" ng-checked="chkAddVerification">
   By Email
</label>

这就是我尝试将第一个复选框 ng-model 值绑定(bind)到第二个复选框 ng-checked 的方式:ng-checked="chkAddVerification"

显然它工作正常(根据第一个检查/取消检查第二个)，但它不会更新第二个复选框的 ng-model 值。

如果我选中第一个复选框 chkAddVerification，第二个复选框也会进行相应的检查，但 ng-model chkSendCodeByEmail 中的值是错误的。

我在这里缺少什么？

Answer 1

ng-model 和 ng-checked 不应一起使用。 您可以使用 ng-change 进行相同的操作

<label>
  <input type="checkbox" id="chkAddVerification" name="chkAddVerification" 
  ng-model="chkAddVerification" ng-change="chkSendCodeByEmail = chkAddVerification">
  Add Verification
</label>

<label>
   <input type="checkbox" id="chkSendCodeByEmail" name="chkSendCodeByEmail" 
   ng-model="chkSendCodeByEmail" ng-disabled="true">
   By Email
</label>

工作示例http://jsfiddle.net/U3pVM/36066/