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 中的值为 false。

我在这里缺少什么？

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/