角度：返回API的值后，直到我提交表单后，表单上的复选框才被选中

Question

在过去的一个半小时里，我一直被困在一个看似非常简单的问题上，任何帮助将无穷无尽，因为它使我发疯。

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

但是，当我加载表单时，不会选中checkbox ，并且API返回的值为1。但是，当我单击提交整个表单的按钮时， checkbox 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中正常工作。 我在控制器中设置模型：

  $scope.formData = {
    paymentMode : 1
  }

实际上听起来像是摘要循环的问题，就好像您是在将模型分配到其他地方一样，可能是一个承诺，还是不在一个角度范围内？ 如果为真，则angular不会刷新视图，因为它不知道更改，但是会在提交表单时发生的摘要周期中刷新。