1.需求
左滑出来的按钮可以进行点击删除,但是出现了一个问题就是这个左滑需要用户来关闭,如果没有关闭的话下次就不能用了,这就会让用户觉得很不方便,所以需要让它自己可以关闭
2.添加左滑按钮
<ion-card *ngFor="let record of MasterRecords; let i = index">
<ion-item-sliding #slide>
<ion-item>
<ion-label>{{record.userName}}</ion-label>
</ion-item>
<ion-item-options>
<ion-button (click)='GotoDelted(record,1,slide)'>删除</ion-button>
</ion-item-options>
</ion-item-sliding>
</ion-card>
其中 <ion-item-sliding #slide> 的#slide就相当于把这个传给后端,然后让后端写代码去关闭这个控件
3.ts代码左滑关闭
在这个方法里添加上这句话就可以执行关闭了,或者是在其他地方,加上这句话就可以将左滑关闭了,然后其他的逻辑代码根据自己的功能需要进行更改
async GotoDelted() {
node.close();
}