ember.js - 跟踪 Ember.js 已完成 HTTP 请求的加载栏

Question

我一直在环顾四周，但自己没有编写一个基本的库，我找不到一个已经存在的 Ember 库，该库在页面顶部显示一条小加载线，当所有 http 请求完成时，该加载线就会完成页面转换已完成(无论是图像加载、JSON 获取等)。

Angular 的这个: http://chieffancypants.github.io/angular-loading-bar/ ，但想知道 Ember 是否已经有任何选择。

干杯。

编辑:我也找到了这篇关于 jQuery 插件的文章，我想可以对其进行修改:http://tutorialzine.com/2013/09/quick-tip-progress-bar/ 。不过，仍然热衷于听听是否有人知道已经集成到 Ember 请求生命周期中的任何内容。

Answer 1

您可以使用出色的 javascript 组件 NProgress ( http://ricostacruz.com/nprogress )

然后你可以像这样使用 jQuery 在 Application.ready 事件中初始化它

window.App.ready = function () {
    $(document).ajaxStart(function () {
        NProgress.start();
    });

    $(document).ajaxStop(function () {
        NProgress.done();
    });
};