使卡响应Ionic中的按下或点击

时间:2016-01-04 03:13:58

标签: ionic-framework ionic

我注意到的一件事是这些列表似乎是自动可选择的'并且在触摸它时将打开列表项目的详细视图。

我一直试图用卡片做同样的事情,但没有运气。这里有其他人做过吗?

1 个答案:

答案 0 :(得分:1)

您可以使用带有<a>标记的列表卡来启用详细信息视图并链接到其他页面

<div class="list card">

  <a href="#view/{{id}}" class="item item-icon-left">
    <i class="icon ion-home"></i>
    Enter home address
  </a>

  <a href="#view/{{}}" class="item item-icon-left">
    <i class="icon ion-ios-telephone"></i>
    Phone Card
  </a>

  <a href="#" class="item item-icon-left">
    <i class="icon ion-wifi"></i>
    Wireless Card
  </a>

  <a href="#" class="item item-icon-left">
    <i class="icon ion-card"></i>
    Card Info
  </a>

</div>