离子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）的人犯了错误？