ion-item swipe
archangellcc opened this issue · 1 comments
archangellcc commented
I'm trying to use ion-list and ion-item to get swipe to delete features and such.
<ion-list class="animate-fade-slide-in" >
<ion-item ng-repeat="item in items"
item="item"
href="#" class="item-remove-animate" ng-last-repeat="mylist">
{{ item.date }} {{ item.content }}
<ion-option-button class="button-assertive" ng-click="edit(item)">
Edit
</ion-option-button>
<ion-option-button class="button-calm" ng-click="remove(item)">
Delete
</ion-option-button>
</ion-item>
</ion-list>
But,when swiping right, I found the button Edit and Delete is also visiable. It is different from ionic. How to solve it?
archangellcc commented
I find the answer.
Step 1
Add ‘class="no_material" ’ to
Step 2
Add the following code to style.css file.
.no_material .item, .item-complex .item-content{
background-color:#fff;
}
Ensure the background-color of '.item' is not transparent.