basic nested routes in emberjs

Question

I have this router

App.Router.map(function() {
    this.resource('about', function() {
        this.route('new');
    });
});

and

<script type="text/x-handlebars" data-template-name="about/new">
    <h1>About/New Page</h1>
</script>

However when I go to about/new route, I see the about template only. So, how do I render the template of a nested route?

I have answered your question, but this seen to be a bug. Very strange. — Marcio Junior, Aug 17 '13 at 12:35

Marcio Junior · Answer 1 · 2013-08-17T19:11:27.910

0

You need change the data-template-name from about to about/index. And the linkTo from about to about.index

edited Aug 17 '13 at 19:11

answered Aug 17 '13 at 12:32

Marcio Junior

okay! Also, one more thing, when I click on `about/new` both the `about` and `about.new` parts are 'active'. I mean, look at this fiddle : http://jsfiddle.net/fsP44/2/ Does that mean that `AboutNewController` will have all the properties of `AboutIndexController`? – Jatin Aug 17 '13 at 12:40
Use `linkTo 'about.index'`. Like this example http://jsfiddle.net/marciojunior/fsP44/3/ – Marcio Junior Aug 17 '13 at 19:08

score 0 · Answer 2 · answered Aug 17 '13 at 15:52

0

The outlet helper is missing in about template. It should be

<script type="text/x-handlebars" data-template-name="about">
    <h2>About</h2>
    {{outlet}}
</script>

answered Aug 17 '13 at 15:52

seenivasan

2 Answers2