Ngfor not working on ionmodal

*Hi I’ve been having this problem for a few months, I want to iterate with the ngfor inside an ionic modal, when I try to use it inside the ion-modal I don’t get the data, I only get it if I use it in the ion-modal tag, but if use them after ng-templane, I don’t get any data , the problem of using it before ng-template is that on mobile, after opening and getting the info more than 15 times, the entire screen turns white and have to restart the app, to work again.this is my code. hope someone can help me

TS COMPONENT:
`
export class SavePlacesComponent implements OnInit {
lugares!:cuidades ;
lugar!:;

isViewopen:boolean = false;

constructor(
public userService:UserService,
private lugarService:LugarService,
public translateService:TranslateService) {}

ngOnInit() {
this.userService.getUserSavePlace().subscribe(data =>{
this.lugares = data
});

}

viewInfo(lugar:cuidades):void{

this.lugarService.updatePlace(lugar);

}

fullPlaceInfo$ = this.lugarService.fullPlaceInfo$;

onClick():void{
this.isViewopen = !this.isViewopen
}

isModalOpen = false;

setOpen(isOpen: boolean) {
this.isModalOpen = isOpen;
}
}`

HTML:

\<app-modal-save-place \*ngIf="lugar.save !== false" (click)="showAd()" (viewOnClick)="viewInfo($event)" \[lugar\]="lugar" expand="block" (click)="setOpen(true)" (click)="onClick()" \\\> \</app-modal-save-place\>

****when user click app-modal-save-place i get the info to show it on the ion-modal

****ION-MODAL:`

<ion-modal
[isOpen]=“isModalOpen”
(willDismiss)=“onWillDismiss($event)”
animated=“true”

*ngFor=“let placeInfo of fullPlaceInfo$ | async”

    <ion-button (click)="onClick(); setOpen(false); cancel()"
      >{{'Close' | translate}}
      </ion-button
    >
  



  <ion-slide *ngIf="placeInfo.image1">
    <img src="{{ placeInfo.image1 }}" alt="" />
  </ion-slide>

  <ion-slide  *ngIf="placeInfo.image2">
    <img src="{{ placeInfo.image2 }}" alt="" />
  </ion-slide>

  <ion-slide *ngIf="placeInfo.image3">
    <img src="{{ placeInfo.image3 }}" alt="" />
  </ion-slide>
  
</ion-slides>

<p *ngIf="translateService.currentLang === 'English'"> {{ placeInfo.descripcionEn }}</p>     
  <p *ngIf="translateService.currentLang === 'Español'"> {{ placeInfo.descripcion }}</p>     


  <a class="map" href="{{ placeInfo.lugar }}">{{'Directions' | translate}}</a>

`

and this is the services from where im getting the fullPlaceInfo$

`
import { Injectable } from ‘@angular/core’;
import { Observable, Subject } from ‘rxjs’;
import { cuidades } from ‘./cuidades/interfaceCuidades/cuidades.interface’;

@Injectable({
providedIn: ‘root’
})
export class LugarService {
cuidades:cuidades = ;

private placeInfo = new Subject<cuidades>();

get fullPlaceInfo$(): Observable<cuidades>{
return this.placeInfo.asObservable();
};

private showinfo(cuidades:cuidades):void {
this.cuidades.push(cuidades);
this.placeInfo.next(this.cuidades);
}

updatePlace(cuidades:cuidades):void{
this.showinfo(cuidades)
}

}
`