javascript - Angular : checkbox on form does not become checked when value from API is returned until I submit the form

Question

在过去的一个半小时里，我一直被困在一个看似非常简单的问题上，任何帮助将不胜感激，因为它让我发疯。

我在表单上有一个复选框，当从 API 返回的模型等于 1 时，我希望该复选框显示为选中状态，而当该值为 0 时不选中该复选框。我为其使用了一个非常简单的复选框。

但是，当我加载表单并且 API 返回值 1 时，复选框 未被选中。但是，当我单击提交整个表单的按钮时，复选框 THEN 被选中。如果我重新加载页面，该复选框将恢复为未选中状态。我在这里缺少什么吗？

这是 HTML:

<div class="form-group">
    <label class="col-sm-2 control-label">Make Payment Optional</label>
    <div class="col-sm-4 center-checkbox">
        <input type="checkbox"class="center-checkbox" ng-model="formData.paymentMode" ng-true-value="1" ng-false-value="0" validate-servererror="paymentMode"/>
    </div>
</div>

Answer 1

代码在 CodePen 中工作得很好。我在 Controller 中设置模型:

  $scope.formData = {
    paymentMode : 1
  }

实际上听起来像是摘要循环的问题，就好像您将模型分配到其他地方一样，也许是一个 promise ，或者不在 Angular 范围内？如果这是真的，则 Angular 不会刷新 View ，因为它不知道更改，但它会在提交表单时发生的摘要周期中刷新。