Question

加载所有JS和CSS文件可能会在慢速连接（例如移动）上花费一些时间。所以我希望在它发生时展示一个“加载...”图像。要明确：问题不在于Ember应用程序本身的初始化，而在于下载内容所需的时间。

有办法做到这一点吗？这不是Ember唯一的问题，但我想Ember开发人员可能也面临过这个问题？

我将背景颜色和背景图像设置为<html>标记。当应用加载时，我会看到背景颜色一段时间（在被<body>内容覆盖之前），但不是背景图像。

谢谢，

PJ

Answer 1

背景图片可能需要一段时间才能加载。在图像显示之前，数据可能已完成加载。

要显示专门用于数据加载的加载微调器，请查看最近的async router更改。路线上的beforeModel和afterModel挂钩非常适合这样做。

beforeModel: function() {
  // show spinner
}

afterModel: function() {
  // hide spinner
}

修改：使用data-uri嵌入图片。