Add image dynamically in a form inside ion-slide issue


#1

hi i’m using static google map in a form inside ion-slide,
the image is coming after a call to google map so need a little time to appear after the form was created and appeared, so the form damaged, i need to call update() but i don’t know how and when.

 <img src="https://maps.googleapis.com/maps/api/staticmap?markers=color:red|{{Latitude}},{{Longitude}}&zoom=12&size=300x300&maptype=roadmap"/>

#2

i solved it by using load event :
<img [src]="…" (load)=“resize()”>
Then in the component code, update the slides to show its content properly:

public resize(): void {
this.slide.update();
}