Is there any documentation or good examples of animating the deletion of list items from an ion-list or virtualscroll list?
In my app, I use animation to show delete of list item. May be useful to you.
</ion-header>
<ion-content>
<ion-fab right bottom>
<button ion-fab (click)="addLocation()">
<ion-icon name="add"></ion-icon>
</button>
</ion-fab>
<ion-list *ngIf="arrWorldWeather">
<ion-item-sliding *ngFor="let item of arrWorldWeather" [animateItemSliding]="item.shouldAnimate">
<button ion-item text-wrap (click)="locationClicked(item.location)">
<img [src]="utilService.getWeatherIcon(item?.firstDailyForecast?.icon)"
onerror="this.src='assets/img/default.png'"
item-left style="max-width: 12%">
<div class="medium">{{item.location.name}}</div>
<p *ngIf="item.firstDailyForecast" class="bold" ion-text color="text2">
{{utilService.getStandardDay(item.firstDailyForecast.time,item.timezone)}}
</p>
<div *ngIf="item.firstDailyForecast && metrics" class="large" ion-text color="text1" item-right>
{{utilService.formatTemp(item.firstDailyForecast.temperatureMax,metrics)}}
I use a variation of a technique I saw on an egghead.io video. But once Ionic runs off Angular ^4.2, I’m going to switch to stagger animation for inserts, favorites, deletes.