綁定 angular mat-checkbox ngModule

Question

我有一個 mat-checbkox 數組，其中用戶只能 select 一個選項：

export enum ProjectStatus {
  Ready = "Is ready",
  Testing = "is testing",
  Done = "is done"
}

<div *ngFor="let status of projectStatus; let i=index">
    <mat-checkbox [checked]="selected.index === i"
        (change)="selected.index = i; selected.status=status; selected.checked= true;">{{status}}
    </mat-checkbox>
</div>

然后我得到了一些其他的mat-checkbox：

<div>
    <mat-checkbox>SEND REPORTS</mat-checkbox>
</div>
<div>
    <mat-checkbox>WARN DEVELOPERS</mat-checkbox>
</div>
<div>
    <mat-checkbox>WARN PROJECT MAANGER</mat-checkbox>
</div>
<div>
    <mat-checkbox>WARN TESTERS</mat-checkbox>
</div>

我的問題是，如何根據選中的第一個復選框列表動態檢查另一個 mat-checkbox。 我必須使用 ngModule？

例如，如果我 select：

is Testing

我想自動檢查復選框：

SEND REPORTS
WARN DEVELOPERS

這是測試應用程序的鏈接： https://stackblitz.com/edit/angular-vrnk7t-bxeplb?file=src%2Fapp%2Fcheckbox-overview-example.html

Answer 1

嘗試使用：

我已經在你的 stackblitz 中進行了更改，目前它根據你的條件工作。你可以使用ngModule或一些標志來選中復選框

https://stackblitz.com/edit/angular-vrnk7t-zrn5x5?file=src%2Fapp%2Fcheckbox-overview-example.ts