（角度）将每个* ngFor元素的ID保存到全局数组

Question

我有这个* ngFor列表，它是从我的数据库（postgres）中获取其元素的。我正在这样做：

    <div id="table" *ngFor="let data of User">
            <mat-checkbox color=primary checked=checked (click)="select(data.id)" >
                <div>{{data.name}}</div>
            </mat-checkbox>
            <mat-slide-toggle color=primary checked=checked>Ativo</mat-slide-toggle>
    </div>

此* ngFor在表单内部，该表单使用（提交）锚点。

如您所见，当我加载此页面时，我所有的复选框都被标记。关键是，当我按下“保存”按钮时，我需要向API发送一个数组，其中包含所有未选中的“ data.id”。看起来是这样：

我创建了一个称为“选择”的方法，当我单击任意复选框时，它选择（删除）该特定的“ data.id”并将其存储在我的component.ts中，但是问题是，如果我不这样做，该怎么办？单击一个复选框？它的“ data.id”从不存储，如果我仅显示所有带有未选中checkoxes的元素，如果单击以选中并取消选中相同元素会发生什么？ “ data.id”将已经被存储，并且销毁它将是非常不愉快的。无论哪种方式，它都不起作用。

因此，当点击“ SAVE”按钮时，我需要查看选中了哪些（也许使用jquery），然后获取选中的ID（data.id）。有什么实际的方法可以做到这一点？