ionic listviewで選択したアイテムの色を変更します。

Question

こんにちは、私はイオンフレームワークとCSSには新しいです。私はいくつかの項目のリストビューを持っています。選択した項目リストの色を変更したい これは私のコード

<ion-list show-delete="shouldShowDelete" can-swipe="true"> 
    <ion-item ng-repeat="wishlist in wishListItems" class="item-thumbnail-left"> 
    <img src='data:image/png;base64,{{wishlist.wishlistItemImage}}'/> 

    <h2>{{wishlist.wishlistItemName}}</h2> 
    <ion-option-button class="button-assertive icon ion-trash-a" ng-click="deleteWishlistItem(wishlist.wishlistId)"> 
    </ion-option-button> 


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

であり、私は、選択した項目のインデックスを知ってほしいです。 どうすればいいですか？

Answer 1

はdeleteWishlistItem()方法が

$scope.deleteWishlistItem = function(key){ 
    $scope.wishListItems[key].deleted = true; 
} 

になります。この

<style> 
    .deleted{ 
     color:red; 
    } 
    .notdeleted{ 
    color:green; 
    } 
</style> 
    <ion-list show-delete="shouldShowDelete" can-swipe="true"> 
    <ion-item ng-repeat="(key,val) in wishListItems" class="item-thumbnail-left"> 

    <h2 ng-class="val.deleted ? 'deleted' : 'notdeleted'">{{val.wishlistItemName}}</h2> 
    <ion-option-button class="button-assertive icon ion-trash-a" ng-click="deleteWishlistItem(key)">delete 
</ion-option-button> 

を試してみてください