Javascript 复选框未选中时禁用按钮

当用户未选中复选框时，我希望禁用“提交”按钮

<ion-row *ngFor="let item of classDescription; let i = index" >
    {{ item.Location }} 
     {{ item.Instructor }}

  <ion-checkbox style="text-align: center;" 
     (ionChange)="onChecked($event,item)"
     [checked]="item.checked"
     name="classCheck"
     [(ngModel)]="item.register">
  </ion-checkbox>
</ion-row>

<ion-button color="success"
   expand="block"
   (click)="btnSubmit()"
   [disabled]="!classCheck">
 Submit
</ion-button>

{{item.Location}
{{item.讲师}
提交

由于另一个标记中有项变量，因此我无法将其用于另一个标记。我试着直呼其名。但它不起作用

<ion-row *ngFor="let item of classDescription; let i = index" >
    {{ item.Location }} 
     {{ item.Instructor }}

 <ion-checkbox style="text-align: center;" (ionChange)="onChecked($event,item)" [checked]="item.checked" name="classCheck" [(ngModel)]="item.register" name="classCheck"></ion-checkbox>
 </ion-row>

<ion-button color="success" expand="block" (click)="btnSubmit()" [disabled]="isNotAllCheckedYet()">Submit</ion-button>

---

如果（！this.classDescription）{return false；}则禁用提交按钮（如果未全部选中）

添加签入数组，直到加载数据

   isNotAllCheckedYet():boolean{
    if(!this.classDescription){
         return false;
      }
        return this.classDescription.filter(a=>!a.register);        
    }