0

我有一个非常简单的 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 上出现这种行为

4

1 回答 1

0

在您的情况下，照片是索引下的嵌套回合，因此通过 index#/photos URL 访问它是很自然的。照片路由内容将在索引模板的出口呈现（如预期的那样）。因此，如果您想显示照片中的内容，在应用程序导航到索引后，您可以重定向到照片（如前所述），或者您可以将幻灯片显示为索引的一部分 - 如果您总是显示您的内容，为什么需要嵌套？

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

干杯!

于 2013-09-23T21:09:01.157 回答