2017-06-09 36 views
0

我正在使用離子框架v1。我想要一個more圖標顯示在列表項右側列表中的每個元素上。當用戶點擊更多圖標時,他應該看到一個包含兩個選項的下拉列表 - 批准和拒絕。
這兩個選項都應該是可點擊的,並且會調用一個函數來執行一些任務。
我該如何做到這一點?
有用於離子爲V1 V2離子解決方案,但沒有圖標作爲離子v1中的選擇組件

回答

0

大概是這樣的

<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> 

看這個codepen:https://codepen.io/nuovo001/pen/jwWzQK

+0

沒有工作... – rohanagarwal

+0

@rohanagarwal我有更新我的回答舉例 –

+0

不錯的努力,但我像一個下拉效果,不只是兩個更多的條目列表顯示 – rohanagarwal