Question

我正在尝试在加载页面时显示模式对话框。现在我在页面推送之前显示模态（例如app.navi.pushPage（＆＃39; detail.html＆＃39;））。在页面init中，我必须出去从第三方API获取一些数据，并将其显示在列表中。一旦请求完成并填充了列表，我就隐藏了模态。

问题是在转换开始之前实际上隐藏了模态。有关如何在转换完成并加载DOM后隐藏模态的任何想法？

谢谢！

Answer 1

这里有一个示例在2秒后隐藏模态：http://onsen.io/guide/overview.html#UsingModal

在您的情况下，我猜您正在使用HTTP请求或类似的东西来访问第三方API，因此在准备请求回调中的所有数据后隐藏模态是必要的：

$http.get('/third/party/API').
success(function(data, status, headers, config) {
  // this callback will be called asynchronously
  // when the response is available

  myItemList = data[...];

  ... // refresh view, pushPage or whatever you need to prepare

  modal.hide();

}).
error(function(data, status, headers, config) {
  // Handle errors in request
});

希望它有所帮助！

Onsen UI显示模态，直到页面完全加载

1 个答案: