diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts index 096652f1..3b59a3e9 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts @@ -47,9 +47,11 @@ export class ParticipantsPanelComponent implements OnInit, OnDestroy { this.remoteParticipantsSubs = this.participantService.remoteParticipantsObs.subscribe((p: ParticipantAbstractModel[]) => { // Workaround which forc the objects references update // After one entirely day trying to make it works, this is the only way - p.forEach((par, index) => { - this.remoteParticipants[index] = Object.create(par); + const remoteParticipantsAux = []; + p.forEach((par) => { + remoteParticipantsAux.push(Object.create(par)); }); + this.remoteParticipants = remoteParticipantsAux; // Mark for re-rendering using an impure pipe 'streamsTypesEnabled' this.cd.markForCheck(); });