角度：返回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不會刷新視圖，因為它不知道更改，但是會在提交表單時發生的摘要周期中刷新。