ändern Sie ausgewählte Element Farbe in ionic Listview

Question

Hallo, ich bin neu in ionischen Rahmen und CSS. Ich habe eine Listenansicht mit einigen Elementen. Ich möchte die ausgewählte Elementlistenfarbe ändern. Dies ist mein Code

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

und ich möchte Index ausgewählter Artikel kennen. Bitte helfen Sie mir, wie das geht.

Answer 1

versuchen diese

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

die deleteWishlistItem() Methode wird

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