Ionic 4 не отображается должным образом

Question

Я стремлюсь к странице, на которой есть панель поиска со списком элементов, которые можно нажимать.Я использовал код, который находится в ионных документах, чтобы это произошло, но он не дает мне правильного результата.Это код:

<ion-header>
  <ion-toolbar>
    <ion-title>Page</ion-title>
  </ion-toolbar>
</ion-header>
<ion-searchbar (ionInput)="getItems($event)"></ion-searchbar>
<ion-content>
  <ion-list>
    <button ion-item *ngFor="let item of items" (click)="itemSelected(item)">
      {{ item }}
      </button>  
    </ion-list>
</ion-content>

Тем не менее, когда я смотрю на него в приложении, оно показывает элементы, похожие на обычные кнопки, например: https://puu.sh/BNGId/d21ea0ef34.png

Что я делаю не так?

Редактировать: я стремлюсь к тому, чтобы он выглядел так, как показано здесь https://ionicframework.com/docs/components/#list-lines

Answer 1

На самом деле решена проблема, она должна быть:

<ion-item button *ngFor="let item of items" (click)="itemSelected(item)">
  {{ item }}
</ion-item>  

Похоже, ребята из Ionic допустили ошибку?