Question

我在Ionic 3中有一个ActionSheet，它的最后一个按钮用于显示更多选项。单击该按钮时，应在ActionSheet上添加2个其他按钮。问题是当我单击任何按钮时，ActionSheet即将关闭。我找不到阻止它关闭的方法。有什么方法可以阻止ActionSheet关闭？

  onMore(){
    let actionSheet = this.actionSheetCtrl.create({
      buttons: [
        {
          text: 'Option 1',
          handler: () => {
          }
        },
        {
          text: 'More',
          handler: () => {
            this.showMore(actionSheet);
          }
        }
      ]
    });

    actionSheet.present();
  }


  private showMore(actionSheet){

    actionSheet.addButton({
      text: 'Option 2',
      handler: () => {
      }
    });
  }

Answer 1

很简单。只需将 return false 添加到您的处理程序中，如下所示。

    onMore(){
    let actionSheet = this.actionSheetCtrl.create({
      buttons: [
        {
          text: 'Option 1',
          handler: () => {
          }
        },
        {
          text: 'More',
          handler: () => {
            this.showMore(actionSheet);
            return false;
          }
        }
      ]
    });
    actionSheet.present();
  }

Stackblitz

阻止ActionSheet在Ionic 3中关闭

1 个答案: