绑定 angular mat-checkbox ngModule

如何解决绑定 angular mat-checkbox ngModule

我有一个 mat-checkbkox 数组，用户只能选择一个选项：

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>

然后我得到了一些其他垫子复选框：

<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？

例如，如果我选择：

is Testing

我想自动检查复选框：

SEND REPORTS
WARN DEVELOPERS

这是测试应用程序的链接： https://stackblitz.com/edit/angular-vrnk7t-bxeplb?file=src%2Fapp%2Fcheckbox-overview-example.html

解决方法

尝试使用：

我已经对你的 stackblitz 进行了更改，目前它可以根据你的情况工作。你可以使用 ngModule 或一些标志来选中复选框

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