Javascript EmberJS：应用程序加载路径和模板

我一直在尝试在应用程序启动时实现加载指示功能，并开始使用

ember data

从服务器加载数据。创建

模板/加载.hbs

模板

到目前为止，应用程序启动时未呈现加载模板，甚至尝试使用

{latency:4000}

选项模拟网络延迟

routes/application.js 模板/加载.hbs 还要感谢

Balint Erdi

，他有一个关于EmberJS前端开发的博客

解决方案 样品在 真的很有帮助

App.LoadingView = Ember.View.extend({
  templateName: 'global-loading',
  elementId: 'global-loading'
});

App.ApplicationRoute = Ember.Route.extend({
  actions: {
    loading: function() {
      var view = this.container.lookup('view:loading').append();
      this.router.one('didTransition', view, 'destroy');
    }
  }
});

---

有人能帮我吗？

您还需要一个

加载路径

（）或在应用程序路径中处理加载操作

您还需要一个

加载路径

。或者在应用程序路径中处理

加载

操作您正在使用

a

标记关闭

div.spinner

。还可以将您的

微调器

和

加载覆盖

css添加到您的问题中吗？@Oliver我很抱歉这是一种类型，与此无关。这就是我要求css的原因code@JordyLangen谢谢你的评论和帮助我的链接。请你把它作为答案好吗？

<div class="loading-overlay">
    <div class="spinner"></div>
</div>

ember-cli 0.0.39
ember 1.6.1
handlebars 1.3.0
ember-data 1.0.0-beta.8

App.LoadingView = Ember.View.extend({
  templateName: 'global-loading',
  elementId: 'global-loading'
});

App.ApplicationRoute = Ember.Route.extend({
  actions: {
    loading: function() {
      var view = this.container.lookup('view:loading').append();
      this.router.one('didTransition', view, 'destroy');
    }
  }
});