在Google Maps详细信息上获取所有图像

Question

[IONIC 3] [Google位置详细信息]我试图获取“客户端”中包含的所有图像，直到可以在控制台中显示图像，但是在html中它仅显示一个，我在做什么错？

功能：

photo(place) {
 var photos = place.photos;
 if (!photos) {
  return '';
 }
 for (let i = 0; photos[i]; i++) {
  return '<img src="'+ photos[i].getUrl({ 'maxWidth': 2000, 'maxHeight': 1000 }) +'"/>';
  //console.log('<img src="'+ photos[i].getUrl({ 'maxWidth': 500, 'maxHeight': 500 }) +'"/>' )
 }
}

没有HTML：

<div id="foto" [innerHTML]="item.photo"></div>

Answer 1

您应该在循环完成之后通过将图像标签串联到一个变量中来返回。

var images = ''
for (let i = 0; photos[i]; i++) {
  images = images + '<img src="'+ photos[i].getUrl({ 'maxWidth': 2000, 'maxHeight': 1000 }) +'"/>';
}
return images;

或者，您可以将URL作为数组返回，并在视图部分进行处理。