ember-cli / pod: Nesting resources/templates

Question

I have read various stackoverflow threads and other forum entries, but I am not able to figure out how to get nested resources/templates working using ember-cli 0.1.12 and pod structure.

Versions:

Ember : 1.8.1 (also tried 1.9.1)
Ember Data : 1.0.0-beta.12
Handlebars : 1.3.0 (also tried 2.0.0)
jQuery : 1.11.2

My router.js (unchanged, cli created it, only demo purposes):

Router.map(function() {
    this.resource("controls", function() {
    this.route("statements");
    this.resource("handles", function() {});
});

Situation:

No additional modifications besides ember generate commands and text markers in the created template.hbs
Resource "controls": template is displayed as expected
Route "controls/statements": template is displayed as expected
Resource "handles" under resource "controls" is not rendered at at all.
Subsequent routes unter "controls/handles" are also not working.
When I invoke http://localhost:4200/controls/handles, ember inspector only list "application" and "controls" in the view tree. In the ember inspector routes section, it lists: handles.index HandlesIndexRoute Send to console HandlesIndexController Send to console handles/index /controls/handles

I tried:

Switching ember and handlebar versions - no effect
Not using pod structure - no effect
Manually adding an index.hbs template in the handles pod folder - no effect

I have the feeling that I am missing a basic point here. Could you please help me out?

Thank you, Manuel

nikmak nikmak · Accepted Answer · 2015-02-03T16:22:41

I can't help on the pod issue but can try on the other point. What is the nature of your nested resource?

I would be expecting URLs like: "..controls/:control_id/handles".

I would have written this like this:

this.resource('controls', function() {
  this.route('statements');
  this.route('show', { path: ':control_id' }, function() {
    this.resource('handles', function() {
    });
  });
});

Nick

ember-cli / pod: Nesting resources/templates

1 Answers