如何根据角度6中的条件禁用复选框？

我的html代码，

<div>
  <div>
   <input type="checkbox" id="Checkbox0" name="cCheckbox0" class="custom-control-input" (change)="checkSelected(checkBox[0].label)">
   <label class="label" for="Checkbox0" >first</label>
  </div>
  <div>
  <input type="checkbox" id="Checkbox1" name="cCheckbox1" class="custom-control-input" (change)="checkSelected(checkBox[1].label)">
   <label class="label" for="Checkbox1" >first</label>
  </div>
  <div>
  <input type="checkbox" id="Checkbox2" name="cCheckbox2" class="custom-control-input" (change)="checkSelected(checkBox[2].label)">
   <label class="label" for="Checkbox2" >first</label>
  </div>
</div>


 <div>
  <div>
   <input type="checkbox" id="Checkbox3" name="cCheckbox3" class="custom-control-input" (change)="checkSelected(checkBox[3].label)">
   <label class="label" for="Checkbox3" >first</label>
  </div>
  <div>
  <input type="checkbox" id="Checkbox4" name="cCheckbox4" class="custom-control-input" (change)="checkSelected(checkBox[4].label)">
   <label class="label" for="Checkbox4" >first</label>
  </div>
  <div>
  <input type="checkbox" id="Checkbox5" name="cCheckbox5" class="custom-control-input" (change)="checkSelected(checkBox[5].label)">
   <label class="label" for="Checkbox5" >first</label>
  </div>
</div>

同样，我在同一个 html 文件中还有两个单独的 div，其中包含复选框。我需要做的是单击第一个 div 中的第一个复选框，我需要禁用第一个 div、第二个 div 和第三个中的所有其他复选框。

由于我对角度完全陌生，我不知道如何在这里禁用。我尝试过使用 ng-disabled 但它似乎不起作用。有人可以帮我弄这个吗？

For 角度 2+，您可以通过设置启用/禁用该复选框disabled属性上的input type=checkbox

Use: [attr.disabled]="isDisabled ? true : null"

这里请注意[attr.disabled]="isDisabled"独自一人是行不通的。您需要明确设置disabled归因于null用于去除disabled禁用复选框的属性。

<input type="checkbox" [attr.disabled]="isDisabled ? true : null" />