Bind a string value to a checkbox toggle using angular two-way data binding angular 7

  angular, html, javascript, typescript
<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"
      ]
    }
  }
]

I want to binding my data is ‘active’ || ‘disabled’ to this toggle when i switching it.But it not works and crashing the page.My required is binding it with string value(not binding boolean value).

Source: Ask Javascript Questions

LEAVE A COMMENT