Ember-cli Pods & Loading Templates

Question

I have created a loading template for my application that is working and I'm now trying to create custom loading templates for my routes and I can't it to work.

Here is my file structure (using pods).

- app
- | pods
- - | application
- - - - adapter.js
- - - - template.hbs
- - | loading
- - - - template.hbs
- - | author
- - - - model.js
- - - | show
- - - - controller.js
- - - - route.js
- - - - template.hbs
- - - - | loading
- - - - - - template.hbs

Here is my router.js

Router.map(function()
{
  this.route('author.show', { path: '/author/:author_id' });
});

I am using

ember 1.13.7
ember-cli 1.13.8
ember-data 1.13.8

How do I get a custom loading template for my 'author.show' route?

Matheos Matheos · Accepted Answer · 2015-08-17T06:57:51

SOLVED!

I needed to re-organise my router.js to use the parent/child route format:

export default Router.map(function() {
    this.route('author', { path: "authors" }, function() {
        this.route('list', { path: "list" });
        this.route('show', { path: ":id" });
    });
});

Route: author uses pods/loading
Route: author.list uses pods/author/loading
Route: author.show uses pods/author/loading

Ember-cli Pods & Loading Templates

1 Answers