2017-06-23 22 views
3

我在離子滑動窗口中使用靜態谷歌地圖, 圖片在創建並出現表格後出現,所以表格損壞,我需要致電update()但我不知道如何以及何時?在組件代碼在離子滑動問題的表格中動態添加圖片

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

然後,更新的幻燈片正確顯示其內容:

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

怎麼辦你的意思是_form damaged_?你的意思是圖像的網址被破壞了? –

+0

@Mr_Perfect我認爲他意味着沒有足夠的空間顯示錶單的全部內容,因爲幻燈片是在圖像未使用_real_高度時創建的。 – sebaferreras

+1

@Mr_Perfect,當你添加任何元素到一個離子幻燈片,你必須通過這樣做來更新幻燈片: @ViewChild('slide')slide:any; this.slide.update() 因此,如果您不更新幻燈片末尾的表格離子幻燈片,您會看到一些輸入半失效 –

回答

1

因爲它只是一個形象,你可以使用load事件

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