Hi All, below is my code
<ion-list>
<ion-item-sliding *ngFor="let mes of message ; " #item
(ionDrag)="logDrag(slidingItem,mes)" >
<ion-item style="white-space: inherit" no-lines >
<!-- <ion-card
class="category-concept-card "
style="background:white;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);margin: 5px !important;border-radius : 5px;margin-left: 5px;font-size: 0.9em;"
> -->
<ion-label text-wrap style="margin: 1px 1px 2px 0;">
<!-- <span style="color:#75b11a;"><b>{{mes.msgTo}} {{user}}</b></span> -->
<ion-card-content *ngIf="user!==mes.msgTo" class="category-concept-card chat-bubble left line-ht-sth"
style=" font-size: 0.9em;" >
<span style="color:#75b11a;"><b>{{getUserName(mes.msgTo)}}</b></span>
<div [innerHTML]="mes.msg" class="category-description" style="color:#000;"></div>
<ion-row align-items-center style="margin-left: -7px;">
<ion-col size="7" size-lg offset="7" style="padding:0px;padding-left: 6px;">
<p class="category-description" style="color:#000;font-size: 1.1rem;" >
{{mes.createdOn| date :'medium'}} </p>
</ion-col>
</ion-row>
</ion-card-content>
<ion-card-content class="category-concept-card chat-bubble right line-ht-sth"
style="padding: 5px 5px 0px 5px;font-size: 1.1rem;">
<div [innerHTML]="mes.msg" class="category-description" style="color:#000;line-height: 1;"></div>
<ion-row align-items-center style="margin-left: -7px;">
<ion-col size="7" size-lg offset="7">
<p class="category-description" style="color:#000;font-size: 1.1rem;" >
{{mes.createdOn| date :'medium'}} </p>
</ion-col>
</ion-row>
</ion-card-content>
</ion-label>
</ion-item>
<ion-item-options side="left">
<!-- <button ion-button (click)="favorite(item)">Favorite</button>
<button ion-button color="danger" (click)="share(item)">Share</button> -->
</ion-item-options>
<!-- <ion-item-options side="right">
<button ion-button (click)="unread(item)">Unread</button>
</ion-item-options> -->
</ion-item-sliding>
</ion-list>
When am doing swiping it is moving complete item list in ionic v3.
So please help me.
I have to move only one ion-item at a time.