Javascript 如何使用数组将图像放入缩略图列表？

我有以下数组
这是我的

家。ts

initializeItems() {
this.items = [
  {nome:'Abaeté', rua:'text' , 
   imagem:"assets/img/4Wj6RBrjQPGiTMhV6T9W_Abaete.JPG"}
 ];
}

这里我有代码

home.html

我的离子列表在哪里

    <ion-list>
      <ion-item *ngFor="let item of items">
        <ion-thumbnail item-left>
          <img src="assets/img/4Wj6RBrjQPGiTMhV6T9W_Abaete.JPG" />
        </ion-thumbnail>
        {{ item }}
      </ion-item>
    </ion-list>

{{item}}

但是在我的离子清单上，名字和图像都不在了
下面是一个示例图像

因此您需要在此处正确地进行“映射”：

<ion-list>
  <ion-item *ngFor="let item of items">
    <ion-thumbnail item-left>
      // use property binding like this, question mark in case the item is not available:
      <img [src]="item?.imagem"/>
    </ion-thumbnail>
    {{ item?.nome }}
  </ion-item>
</ion-list>

---

很好，但当我搜索建筑名称时，会显示以下消息：item.tolowercase不是函数嘿，迈克，这就是为什么你需要发布完整代码的原因。除非您共享完整的实现，否则无法为您提供帮助。理想情况下，可以使用发布代码片段，这样您可以快速获得帮助。我猜您正在编写简单的搜索过滤器。我会在这里重新阅读本指南：

[
  { // this will be "item", which properties you access using item.property
    nome:'Abaeté', 
    rua:'text', 
    imagem:"assets/img/4Wj6RBrjQPGiTMhV6T9W_Abaete.JPG"
  }
]