Question

我有一个非常简单的EmberJS应用运行以下路线：

App.Router.map(function () {
    this.resource('index', {path: '/'}, function(){
        this.resource('photos');
    });
    this.resource('about');
});

当我访问http://my.localhost/myember/的索引页面时，我希望从根/索引页面看到输出 h1 ，最后是照片资源的内容，最后我放置{outlet}标签的模板：

<script type="text/x-handlebars" id="index">
    <p>My Index Page</p>
    {{outlet}}
</script>

然而，我所看到的只是我的索引页面标题而没有照片，我只看到我访问时的预期输出/＃/ photos

为什么会这样，我希望在索引页面上使用此行为而不是/＃/ photos

Answer 1

在你的情况下，照片是索引下的嵌套圆形，因此通过索引＃/照片URL访问它是很自然的。照片路径内容将在索引模板的出口处呈现（如预期的那样）。因此，如果您想要从照片中显示您的内容，请在应用导航到索引之后立即重定向到照片（如已建议的那样），或者您可以将幻灯片显示为索引的一部分 - 如果您始终显示您的内容，为什么你需要筑巢？

我还在学习，如果我的答案不够令人满意，请接受我的道歉。

干杯！

EmberJS嵌套在索引页面上不起作用？

1 个答案: