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

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文档说(现在,在回答时可能会有所不同):

当基本项<ion-item>不可点击时,应将其写为元素.

然后

<button>当点击或点击项目时,应将属性ion-item添加到a .

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

<ion-list>
    <button ion-item *ngFor="let branch of branchArray"  (click)='goHome(branch)'>
        <!-- Inner code here depending on your styling. -->
    </button>
</ion-list>

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