angular - ionic 3 关闭 ion-item-sliding

Question

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





点击提交后，我希望按钮关闭并隐藏“提交”。我似乎找不到任何文档来关闭与按钮相关的滑动元素或它周围的任何黑客。有什么建议？在 ionic 3 中工作...

Answer 1

就像你看到的 in the docs :

Close the sliding item. Items can also be closed from the List.

The sliding item can be closed by grabbing a reference to ItemSliding. In the below example, the template reference variable slidingItem is placed on the element and passed to the share method.

<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();
  }
}