1.界面準(zhǔn)備
<ion-list>
<ion-item-sliding *ngFor=" let item of dataArr;let i = index">
<ion-item (click)="itemClick(item)" >
<ion-label>{{item}}</ion-label>
<ion-note item-end>{{i}}</ion-note>
</ion-item>
<!--添加側(cè)滑選項-->
<ion-item-options>
<button ion-button>編輯</button>
<button ion-button color="danger" (click)="deleteAction(i)" >刪除</button>
</ion-item-options>
</ion-item-sliding>
</ion-list>
- 控制器實現(xiàn)動作
deleteAction(param){
console.log("第" + param + "行");
switch (param){
// splice 函數(shù) (index,len,[item]) 可用于替換/添加/刪除某個元素
// index 開始的下標(biāo) len 替換 刪除的長度 item:替換的值,刪除操作的話 item為空
case 0:this.dataArr.splice(0,1);break;
case 1:this.dataArr.splice(1,1);break;
case 2:this.dataArr.splice(2,1);break;
default: break;
}
}