当按钮点击离子项目选项时，如何防止离子滑动项目的自动关闭？

Question

我有一个由滑动离子项目组成的产品列表。我的 ion-item-options 如下所示；

<ion-item-options>
              <button ion-button color="danger" (click)="decreaseAmount(product.id)">
              <ion-icon name="md-remove"></ion-icon>
                </button>

              <ion-input disabled="true" id="amount" class="amount" type="number" [value]="product.amount"></ion-input>

              <button ion-button color="secondary" (click)="increaseAmount(product.id)">
              <ion-icon name="md-add"></ion-icon>
              </button>

              <button (click)="addToCart()" ion-button color="secondary">
              <ion-icon name="md-checkmark"></ion-icon>
              </button>

      </ion-item-options>

基本上，按钮用于增加或减少产品的数量。但是，当我单击其中一个按钮来更改金额时，滑动项目会自行关闭。我怎样才能防止这种情况发生？

Answer 1

在操作方法中添加$event：

HTML

....decreaseAmount($event, product.id)...

类：

decreaseAmount(event, id){
  event.stopPropagation();
  .... // as before
}

这将停止冒泡