离子3关闭离子项目滑动

Question

我有一个滑动项目,当您将其滑动打开时,它会显示一个提交按钮.

点击提交后,我希望按钮关闭并隐藏"提交".我似乎无法找到关闭滑动元素的任何文档,这些元素与按钮或其周围的任何黑客有关.有什么建议？在Ionic工作3 ...

Answer 1

就像你在文档中看到的那样:

关闭滑动项目.也可以从列表中关闭项目.

可以通过抓取引用来关闭滑动项 ItemSliding.在下面的示例中,模板引用变量 slidingItem放在元素上并传递给share 方法.

<ion-list>
  <ion-item-sliding #slidingItem>
    <ion-item>
      Item
    </ion-item>
    <ion-item-options>
      <button ion-button (click)="share(slidingItem)">Share</button>
    </ion-item-options>
  </ion-item-sliding>
</ion-list>

然后:

import { Component } from '@angular/core';
import { ItemSliding } from 'ionic-angular';

@Component({...})
export class MyClass {
  constructor() { }

  share(slidingItem: ItemSliding) {
    slidingItem.close();
  }
}