emberjs中的基本嵌套路由

Question

我有这个路由器

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

和

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

但是，当我转到about/new路线时，我只会看到about模板。那么，我如何渲染嵌套路线的模板呢？

这是一个jsfiddle：http://jsfiddle.net/C4gSE/

Answer 1

您需要将data-template-name从about更改为about/index。 linkTo从about到about.index

。{{1}}

Like this sample

Answer 2

关于模板中缺少出口帮助程序。 它应该是

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