javascript - 以 ionic 滑动问题中的形式动态添加图像

Question

我在 ion-slide 中以一种形式使用静态谷歌地图， 图像在表单创建并出现后出现，因此表单已损坏，我需要调用 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
}