我的复选框有问题,而不是ng-repeat ...
以下是代码:
<tr ng-repeat="education in subject.Educations">
<td><input type="checkbox" ng-model="education.Selected" id="verify_edu_{{$index}}" />{{education.Selected}}</td>
<td>{{education.School}}</td>
<td>{{education.Degree}}</td>
<td>{{education.Major}}</td>
<td>{{education.Certification}}</td>
</tr>
每个人在学校/学位/等等方面输出正确。但是,点击复选框进行检查后,复选框不会反映为已选中,直到第二次点击该复选框反映为已选中.. 。
但是......即使未选中复选框,模型也会在第一次点击时显示“education.Selected = true”。
我不知道为什么会这样输出...以下是整个过程中复选框的屏幕截图:
第一步 - 没有点击,一切都正确输出
第二步 - 单击以复选框,框不检查,但值输出就像检查框是否为真值
第三步 - 点击第二次复选框,选中复选框,值保持不变
此外 - 无论我点击多少次,复选框总是需要两次点击才能真正显示“已检查”状态 - 即使模型绑定“education.Selected”在两个实例中都显示为真。
经过测试的普通复选框 我在绑定的复选框旁边放了一个简单的非绑定复选框,正常的复选框工作正常。只是一个FYI
浏览器 我在所有主流浏览器中测试过 - 即/ firefox / chrome - 同样的结果。
再说一遍...... 页面上还有另一个ng-repeater,用于工作历史(不是教育) - 输出几乎相同,但是它上面的复选框工作正常。