基于JS / TS的Ionic6触发栈模型

Question

如何从脚本代码而不是通过按钮触发模态？我在教程中找到的所有示例都使用模态触发机制。

<ion-button id="open-modal" expand="block">Open Sheet Modal</ion-button>

  <ion-modal #modal trigger="open-modal" [initialBreakpoint]="0.25" [breakpoints]="[0, 0.25, 0.5, 0.75]">

我找不到或正确地搜索此功能。

Answer 1

在同一教程中，它们提及接受布尔值的isOpen属性。所以，您的代码应该如下所示：

<ion-modal [isOpen]="isModalOpen" [initialBreakpoint]="0.25" [breakpoints]="[0, 0.25, 0.5, 0.75]">

组件中的方法是：

isModalOpen = false;

  setOpen(isOpen: boolean) {
    this.isModalOpen = isOpen;
  }

使用这种方法的一个缺点是，您必须手动将isModalOpen设置为false，即使在使用后台关闭模式时也是如此。

isOpen使用单向数据绑定，这意味着当模式被取消时，它不会自动设置为false。开发人员应侦听ionModalDidDismiss或didDismiss事件，并将isOpen设置为false

尝试打开一个模型时，它的isOpen属性仍然设置为true，即使该模型在物理上/视觉上关闭，也不会做任何事情。所以要小心。