У меня есть список * 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 находится внутри формы, в которой используется привязка (submit).
Как вы можете видеть, когда я загружаю эту страницу,все мои флажки отмечены.Дело в том, что когда я нажимаю кнопку «Сохранить», мне нужно отправить в мой API массив со всеми «data.id», который оставлен отмеченным.Вот как это выглядит:
Я создал этот метод под названием «выбор», когда я нажимаю на любой из своих флажков, он выбирает (дух), чтоспецифический 'data.id' и сохранение его в моем component.ts, но дело в том, что если я не установлю флажок?Его data.id никогда не сохраняется, и если я просто покажу все элементы с невыбранными флажками, что произойдет, если я нажму, чтобы проверить и снять флажок с того же элемента?«Data.id» уже будет сохранен, и уничтожить его будет довольно неприятно.В любом случае, это не работает.
Итак, когда вы нажимаете кнопку «СОХРАНИТЬ», мне нужно посмотреть, какие из них проверены (возможно, с помощью jquery), ТО получат идентификаторы проверенных (data.id).Есть ли практический способ сделать это?