Ionic2：如何使 ion-in ion-list 项可点击？

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

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

当一个基本项目不可点击时，它应该写成<ion-item>元素。

以后

属性 ion-item 应该添加到 <button> 时，该项目可以被点击或点击。

所以你应该改用这段代码：

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

这会改变 ion-item 的语义，然后样式也会相应更新：您无需修改​​ CSS 文件。

Answer 2

我认为显示按钮是 UI 问题。由于我不知道它应该如何显示的确切要求，请查看如何根据需要使用ion-listhere。您也可以根据自己的要求在 CSS 中设置样式。

就可点击部分而言：您也可以使用，但是，请像这样使项目可点击：

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