2017-06-09 8 views
0

イオンフレームワークv1を使用しています。リスト項目の右側にあるリストのすべての要素について、moreアイコンが表示されるようにします。ユーザーが他のアイコンをクリックすると、承認と拒否という2つのオプションを持つドロップダウンが表示されます。
オプションはどちらもクリック可能で、いくつかのタスクを実行する関数を呼び出します。
どうすればいいですか?
おそらくionic v1の選択コンポーネントとしてのアイコン

答えて

0

イオンv2のではなく、イオンv1のソリューションこのcodepenでこの

<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

+0

は動作しませんが... – rohanagarwal

+0

@rohanagarwalは私が更新を持っています私の答えは –

+0

ですが、努力してみましたが、私はドロップダウンをエフェクトのように思っていました。表示されるリストは2つだけ増えました。 – rohanagarwal

関連する問題