Question

我正在使用离子框架v1。我希望在列表项右侧的列表中显示每个元素的more图标。当用户点击更多图标时，他应该看到一个带有两个选项的下拉菜单 - 批准和拒绝这两个选项都应该是可点击的，并且会调用一个函数来执行某些任务我怎样才能做到这一点？
存在离子v2的溶液但不存在离子v1的溶液

Answer 1

可能是这样的

<ion-content>
  <ion-list>
    <div ng-repeat="item in list">
      <ion-item ng-click="show = !show" class="item-icon-right">
        <i class="icon ion-arrow-down-b">
        {{item.text}}
      </ion-item>
      <ion-item ng-show="show" ng-click="firstFunction()">
        Approve
      </ion-item>
      <ion-item ng-show="show" ng-click="secondFunction()">
        Reject
      </ion-item>
    </div>
  </ion-list>
</ion-content>

看看这个代码：https://codepen.io/nuovo001/pen/jwWzQK

图标作为离子v1中的选择组件

1 个答案: