У меня есть следующий массив.
Это мой home.ts
initializeItems() {
this.items = [
{nome:'Abaeté', rua:'text' ,
imagem:"assets/img/4Wj6RBrjQPGiTMhV6T9W_Abaete.JPG"}
];
}
И вот у меня код home.html
, где мой ion-list
<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>
Но в моем ионном списке имя и изображение не собираются!
Вот пример изображения
Итак, вам нужно правильно выполнить "отображение" здесь:
<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>
Принцип работы таков, что с помощью директивы ngFor вы "перебираете" массивы подобных структур (массив в вашем случае):
[
{ // this will be "item", which properties you access using item.property
nome:'Abaeté',
rua:'text',
imagem:"assets/img/4Wj6RBrjQPGiTMhV6T9W_Abaete.JPG"
}
]
Привет, Майк, вот почему тебе нужно опубликовать свой полный код. Невозможно помочь вам, если вы не поделитесь полной реализацией.
В идеале используйте stackblitz.com для публикации фрагмента кода - так вы сможете получить помощь очень быстро. Я предполагаю, что вы кодируете простой поисковый фильтр. Я бы рекомендовал прочитать это руководство здесь: joshmorony.com/high-performance-list-filtering-in-ionic-2
Очень хорошо, но когда я ищу название здания, появляется следующее сообщение: item.tolowercase не является функцией