ember.js - EmberJS：如何在下载 JS 内容时显示背景图像？

Question

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

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

<html>我为标签设置了背景颜色和背景图像。当应用程序加载时，我确实看到了一段时间的背景颜色（在它被<body>内容覆盖之前），但没有看到背景图像。

谢谢，

PJ

score 0 · Accepted Answer

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

要显示专门用于数据加载的加载微调器，请查看最近的异步路由器更改。路由上的 beforeModel 和 afterModel 钩子非常适合执行此操作。

beforeModel: function() {
  // show spinner
}

afterModel: function() {
  // hide spinner
}

1 回答 1