在離子列表視圖中更改選定的項目顏色

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

試試這個

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

的deleteWishlistItem()方法將

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