绑定角度匹配检查框 ngModule答案

【问题标题】：Bind angular mat-checbox ngModule绑定角度匹配检查框 ngModule
【发布时间】：2021-05-01 09:27:23
【问题描述】：

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

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？

例如，如果我选择：

is Testing

我想自动检查复选框：

SEND REPORTS
WARN DEVELOPERS

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

【问题讨论】：

标签： angular checkbox bind ng-modules

【解决方案1】：

尝试使用：

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

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

【讨论】：