Javascript 在ion幻灯片发行版中以表单形式动态添加图像
我在ion幻灯片中使用静态谷歌地图, 该图像在表单创建并出现后出现,因此表单已损坏,我需要调用Javascript 在ion幻灯片发行版中以表单形式动态添加图像,javascript,angular,typescript,ionic2,Javascript,Angular,Typescript,Ionic2,我在ion幻灯片中使用静态谷歌地图, 该图像在表单创建并出现后出现,因此表单已损坏,我需要调用update(),但我不知道如何以及何时出现 <img src="https://maps.googleapis.com/maps/api/staticmap?markers=color:red|{{Latitude}},{{Longitude}}&zoom=12&size=300x300&maptype=roadmap"/> 由于它只是一个图像,您可以使用加载事
update()
,但我不知道如何以及何时出现
<img src="https://maps.googleapis.com/maps/api/staticmap?markers=color:red|{{Latitude}},{{Longitude}}&zoom=12&size=300x300&maptype=roadmap"/>
由于它只是一个图像,您可以使用
加载事件:
<img [src]="..." (load)="imageLoaded()">
你说的表格损坏是什么意思?你的意思是图像url被破坏了?@Mr_Perfect我想他的意思是没有足够的空间来显示表单的全部内容,因为幻灯片是在图像没有使用其真实高度时创建的。@Mr_Perfect,当你向ion幻灯片添加任何元素时,你必须这样做来更新幻灯片:@ViewChild('slide')slide:any;这个.slide.update()因此,如果不更新幻灯片末尾的表单离子幻灯片,您会看到一些输入错误
public imageLoaded(): void {
// Here you can update the slides
}