Ionic framework Ionic2：如何使ion-in-ion列表项可单击？

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

如何使离子项目可点击，捕获点击并选择项目

我试过这个代码，它是有效的。但是，它显示了一个按钮列表

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

{{branch.name}

我认为按钮的显示是一个用户界面问题。由于我不知道它应该如何显示的确切要求，请查看如何根据需要使用

ion list

。您还可以根据需要使用CSS对其进行样式设置

至于可点击的部分：你所拥有的也可以，但是，让项目像这样可点击：

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

{{branch.name}

公认的答案并不完全正确。爱奥尼亚公司的文件说（现在，在回答问题时可能会有所不同）：

当基本项不可单击时，应将其编写为

元素

后来

单击或点击项目时，应将属性离子项目添加到

因此，您应该使用以下代码：

<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项的语义，然后样式也会相应地更新：您不需要修改CSS文件。

项内的按钮不需要，因为项本身是可单击的。我的印象是，它需要一个按钮，使其可点击。好的。请记住，任何容器，如

，`p>

，

，

`，都可以使其可单击。：）是的，这写在官方文件中：