在 ion-slide 问题中以表单动态添加图像答案

【问题标题】：Add image dynamically in a form inside ion-slide issue在 ion-slide 问题中以表单动态添加图像
【发布时间】：2017-11-26 15:11:17
【问题描述】：

我在 ion-slide 中使用静态谷歌地图，图片在表单创建并出现后出现，所以表单损坏，我需要打电话给update()但我不知道如何以及何时？

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

【问题讨论】：

你是什么意思表单损坏？你的意思是图片网址坏了？
@Mr_Perfect 我认为他的意思是没有足够的空间来显示表单的全部内容，因为幻灯片是在图像未使用其真实时创建的> 高度。
@Mr_Perfect ，当您将任何元素添加到离子幻灯片时，您必须通过这样做来更新幻灯片：@ViewChild('slide') slide: any; this.slide.update() 因此，如果您不更新幻灯片末尾的 ion-slide 表单，您会看到一些输入半消失

【解决方案1】：

由于只是一张图片，你可以使用load事件：

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

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

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

【讨论】：