Ionic 2 Popover dismiss

Question

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

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

如果我将超时设置得太低，比如100ms，它不会忽略，因为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]);
});

Answer 2

还可以通过调用ViewController上的dismiss()方法从弹出窗口的视图中取消弹出窗口

​

  constructor(public navParams:NavParams,public navCtrl:NavController,public viewController:ViewController) {
    console.log('Hello PopOverComponent Component');
  }
  blah()
  {
  //do something
    this.viewController.dismiss();
  }

​