ionic左滑编辑关闭

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();
  }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 9
    评论
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

荼白z

感谢老板请我喝咖啡

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值