使用 angular 雙向數據綁定 angular 7 將字符串值綁定到復選框切換

Question

<div class="form-group col-12 col-md-6">
     <label class="mb-1 mr-2">
         Status 
     </label> 
     <div class="custom-control custom-checkbox-toggle">
          <input type="checkbox" class="custom-control-input" id="status"
              [(ngModel)]="question.conditions[0].status">
                                    
          <label class="custom-control-label" for="status"></label>
      </div>  
 </div>
`
Conditions: [
  {
    "status": "",
    "questionId": {
      "eq": "6012e7378d65710016832916"
    },
    "selects": {
      "in": [
        "6012e7eb8d65710016832b61",
        "6012e7eb8d65710016832b65"
      ]
    }
  }
]

我想綁定我的數據是“活動的”|| 當我切換它時“禁用”到此切換。但它不起作用並崩潰頁面。我需要將它與字符串值綁定（不綁定 boolean 值）。

Answer 1

添加如下代碼的[checked]屬性，以便綁定屬性。

   <input type="checkbox" class="custom-control-input" id="status" 
        [checked]="question.Conditions[0].status != '' || question.Conditions[0].status != 'true' ?  true: false "
            [(ngModel)]="question.Conditions[0].status">

json 遺漏了一些東西，條件到條件（如果不是錯字）

快樂編碼.. :)

Answer 2

嘗試使用（更改）並在那里綁定您的值

<input type="checkbox" class="custom-control-input" id="status"
            [(ngModel)]="question.Conditions[0].status"  
(change)="question.Conditions[0].status = question.Conditions[0].status ? 'active' : 'disable';">

您可以在更改復選框時分配值