Question

我的目标是提供一个带有搜索栏以及可单击项列表的页面。我一直在使用ionic文档中的代码来实现它，但是并没有给我正确的结果。这是代码：

<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）的人犯了错吗？

Ionic 4 <button ion-item =“”>显示不正确

1 个答案: