Angular 选中和取消选中复选框取决于某些条件

我在app.components.html中有以下复选框

<mat-checkbox (change)="temperature($bd_submain)">Temperature</mat-checkbox>
<mat-checkbox color='primary'>Soil Moisture</mat-checkbox>

---

您可以这样做：

HTML:

---

因此，当您选中第一个复选框时，第二个复选框将被禁用。

只需在if条件下检查文本框的值：

sendit(event)
{ 
  if(event.trim() == ""){ 
     this.first = false;
  }else{
     // Do you work to disable checkbox
  }
}

---

mat checkbox组件是否实现了ControlValueAccessor接口？我建议您使用表单，以便轻松管理复选框和输入字段。@JamalSalman我不知道注释不用于扩展讨论；这段对话已经结束。

<mat-checkbox [(ngModel)]="first" >Fisrt</mat-checkbox>
<mat-checkbox [(ngModel)]="second" [disabled]="first"> Second</mat-checkbox>

first: boolean = false;
second: boolean = false;

sendit(event)
{ 
  if(event.trim() == ""){ 
     this.first = false;
  }else{
     // Do you work to disable checkbox
  }
}