如何在 ember-cli PODS 中获取加载模板？答案

【问题标题】：How do you get a Loading template in ember-cli PODS?如何在 ember-cli PODS 中获取加载模板？
【发布时间】：2016-04-16 13:46:06
【问题描述】：

我已经看到这个网址 Ember-cli Pods & Loading Templates 但添加 /app/bugs/loading.hbs 或 /app/bugs/detail/loading.hbs 甚至 /app/bugs/detail/loading/template.hbs 没有不工作。

模板的具体名称/路径是什么？
据我了解，当您在 this.route('bugs', function(){}) 中添加其他函数时，会自动生成加载/错误/索引路由

我错过了一些可能很简单的东西 - 有什么想法吗？

【问题讨论】：

I think this should clarify things
不幸的是，他们根本没有接触到那里的 pod - 这就是 ember 2.2 的指南。他们的代码也使用controller.set，尽管他们说控制器很快就会被弃用（直接授予它不是控制器，但我假设是自动生成的）-如果文档进一步解释的话会很好。我已经将他们的加载代码添加到 /bugs/index/route.js 并且什么都没有触发（并且我在我的 api 中设置了 7 秒的延迟）
我已经能够通过查看控制台记录解析器来获得模板渲染。我创建了 /bugs/index-loading/template.hbs 并显示出来，代码进入 /bugs/index.route.js。我假设他们提到的控制器是“以防万一你碰巧在这里使用它们，你可以在其中设置一些值”，这有点令人困惑，因为我不确定“currentlyLoading”是否是为了阅读而保留的。跨度>
指南中没有提到 Pod，因为它们还不是最终的，并且会改变，所以仍然推荐经典的结构。当最终的 pod 降落时，我们会相应地更新。以下是关于它们的介绍：youtu.be/1wc3a_ttTy0?t=28m18s
仅适用于嵌套路由，application 级别加载/错误子状态不起作用。请参阅：在应用程序下嵌套loading 不起作用·Issue #13053 github.com/emberjs/ember.js/issues/13053

标签： ember.js ember-cli

【解决方案1】：

由于文档没有特别提到 pod，而且我看到一些人在网上提出这个问题，使用似乎较旧的文件夹结构，我会在这里回答。

对于我的 /bugs 路线，我有以下内容

./app/bugs/index/route.js

从“ember”导入 Ember；导出默认 Ember.Route.extend({ 模型（） { 返回 this.store.findAll('bug'); }, 行动：{ 加载（过渡，originRoute）{ console.log('加载过渡'); console.log(originRoute); //让控制器 = this.controllerFor('bugs'); //controller.set('currentlyLoading', true); transition.promise.finally(function () { console.log('完成加载'); //controller.set('currentlyLoading', false); }); } } });

它寻找的加载模板位于

./app/bugs/index-loading/template.hbs

【讨论】：