javascript - Ionic 2 Popover 关闭

Question

我有一个弹出窗口，它将我带到另一个页面，在那里我弹出回到根页面 (popToRoot)，在事件上重新加载数据/dom，然后当 json 数据从返回时关闭 promise 中的弹出窗口服务器。如果我在解雇时超时很长，一切都会正常。

  dismissPopup() {
    if (this.popover) {
      let that = this;
      setTimeout(function () {
        that.popover.dismiss();
      }, 500);
    }
  }

如果我将超时设置得太低，比如 100 毫秒，它不会关闭，因为 dom 仍在加载。

但是，我认为超时可能不是最佳做法。如果有人的设计速度很慢，而且时间不够怎么办？

有人可以提出任何建议吗？我应该检测 dom 何时加载，然后调用 dismiss 吗？如何检查 dom 是否已加载？

谢谢

Answer 1

您可以使用 Events 而不是使用超时.通过这样做，您可以发布并在数据从服务器返回(并且一切就绪)时发生事件，并订阅该事件以了解何时需要关闭弹出窗口。

import { Events } from 'ionic-angular';

constructor(public events: Events) {}

// first page (publish an event when data is ready)
events.publish('loading:finished', data);

// second page (listen for the loading finished event)
events.subscribe('loading:finished', (eventData) => {
  // eventData is an array of parameters, so grab our first and only arg
  console.log('Data:', eventData[0]);
});