javascript - 如何在 Ionic 2 中定位弹出窗口

Question

如何在 Ionic 2 中手动定位弹出框？

我无法在 css 类中设置位置，因为弹出框 Controller 使用内联样式设置位置。

Answer 1

查看代码，似乎没有弹出框位置的选项。但是，当由于用户点击某物而打开弹出窗口时，它可以通过点击事件进行定位。我们也可以将这些知识用于手动定位:

let pop = this.popoverCtrl.create(MyPopover);

let ev = {
  target : {
    getBoundingClientRect : () => {
      return {
        top: 100
      };
    }
  }
};

pop.present({ev});

一些注意事项:

• 您可以为 top、left 或两者设置值。
• 值必须以像素为单位，如数字。
• 如果未给出 top 或 left，则通常的定位算法将用于该值。

我很乐意知道是否有更好的方法，但到目前为止，这是我能想到的最好方法。

这当然适用于 Ionic2 和 3，很高兴有人确认它是否也适用于 Ionic4!