Tengo un div con varios elementos que se pueden elegir y editar sus campos, la edición funciona pero la edición está cambiando todos los campos y todos los elementos también.

Este es el html de cuando selecciono uno de los elementos

 <div cdkDropList id="{{ordem.id}}" [cdkDropListData]="ordem.secoes" [cdkDropListConnectedTo]="idsOrdens" class="example-list" (cdkDropListDropped)="drop($event,ordem)"> <div class="col-12 border rounded-3 bg-claro-color col-12 p-3 mb-3 d-flex justify-content-between" *ngFor="let item of ordem.secoes" cdkDrag> {{item.nomeSecaoPT}} <button (click)="EDIT(item)" type="button" class="btn btn-primary-color rounded-pill d-flex align-items-center px-5 py-2 h7 fw-500" > Edit Question </button> </div> </div>

Y esta es la función que llama html

 EDIT(item: any): void{ console.log(item) let modalEditarSecao = this.modalService.open(ModalEditPerguntaComponent, { centered: true, beforeDismiss: () => true, size: 'md' }); modalEditarSecao.componentInstance.item = item; modalEditarSecao.result.then((data) => { if(data){ this.workflow[0].secoes?.fill(data, undefined, undefined); } }) }

Estoy bastante seguro de que el problema está en el método .fill(), creo que está tomando el valor de 1 campo modificado y pasándolo a todos los demás elementos. sin embargo, no sé qué método usar, probé muchos y estoy atascado durante unos días, solo el .fill "funcionó"