Question

我有一个显示分支列表的页面，并选择一个分支转到下一页。

如何使ion-item可点击，捕获点击并选择项目？

我尝试了这段代码，但它确实有效。但是，它显示了一个按钮列表。

 <ion-list>
    <ion-item *ngFor="let branch of branchArray">
       <button ion-button full (click)='goHome(branch)'>
          {{branch.name}}
       </button>              
    </ion-item>
 </ion-list>

Answer 1

接受的答案并不完全正确。 Ionic文档说（现在，在回答时可能会有所不同）：

如果基本项目无法点击，则应将其写为wrapper 172.19.57.21元素。

以后

当点击或点按项目时，属性ion-item应添加到<ion-item>。

所以你应该使用这个代码：

<button>

这会改变ion-item的语义，然后相应地更新样式：你不需要破解你的CSS文件。

Answer 2

我认为按钮显示是一个UI问题。由于我不知道如何显示它的具体要求，请查看如何使用ion-list here。您也可以根据您的要求在CSS中设置样式。

至于可点击的部分：你也可以使用，但是，可以点击这样的项目：

<ion-list>
    <ion-item *ngFor="let branch of branchArray"  (click)='goHome(branch)'>
        <button ion-button full>
            {{branch.name}}
        </button>             
    </ion-item>
</ion-list>

Ionic2：如何使离子列表项目可点击？

2 个答案: