CODEWITHSUNDEEP
ember.js
Matheos
Matheos

Reputation: 114

Ember-cli Pods & Loading Templates

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

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

Upvotes: 3

Views: 344

Answers (1)

Matheos
Matheos

Reputation: 114

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

Upvotes: 4

Related Questions