在离子幻灯片问题中以动态形式添加图像

Question

我在离子幻灯片中使用静态谷歌地图， 在创建并出现表单后出现图像，因此表单损坏，我需要拨打update()，但我不知道如何以及何时？

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

Answer 1

由于它只是一张图片，因此您可以使用load事件：

<img [src]="..." (load)="imageLoaded()">

然后在组件代码中，更新幻灯片以正确显示其内容：

public imageLoaded(): void {
  // Here you can update the slides
}