CSS：削除アイコンをクリックすると左に遷移するリスト

Question

ionicを使用してモバイルアプリケーションを開発しています。

我々は、すべてのリスト項目の左側にあるアイコンがある見たように、そのアイコンをクリックすると、リストが左に移行：この中で私はこのような削除機能を実装しようとしています画面に削除ボタンが表示されます。

私は同じ機能を実装したいですが、正しいCSSを書くことはできません。この仕事をどのようにしたらいいか教えてください。 ここに私のへのリンクplunkr

Answer 1

イオンリストの指令を使うことができます。

<ion-list ng-controller="MyCtrl" 
     show-delete="shouldShowDelete" 
     show-reorder="shouldShowReorder" 
     can-swipe="listCanSwipe"> 
    <ion-item ng-repeat="item in items" 
     class="item-thumbnail-left"> 

<img ng-src="{{item.img}}"> 
<h2>{{item.title}}</h2> 
<p>{{item.description}}</p> 
<ion-option-button class="button-positive" 
        ng-click="share(item)"> 
    Share 
</ion-option-button> 
<ion-option-button class="button-info" 
        ng-click="edit(item)"> 
    Edit 
</ion-option-button> 
<ion-delete-button class="ion-minus-circled" 
        ng-click="items.splice($index, 1)"> 
</ion-delete-button> 
<ion-reorder-button class="ion-navicon" 
        on-reorder="reorderItem(item, $fromIndex, $toIndex)"> 
    </ion-reorder-button> 

</ion-item> 
</ion-list> 

コントローラー：

app.controller('MyCtrl', function($scope) { 
$scope.shouldShowDelete = false; 
$scope.shouldShowReorder = false; 
$scope.listCanSwipe = true 
});