Javascript 使用索引路由覆盖父模板

我有下面的路线结构

App.Router.map(function() {
    this.resource('projects', function() {
        this.resource('listings', {path: '/:project_id/listings'}, function() {
            this.route('listing', {path: '/:property_code'});   
        });
    });    
});

我复制了这个结构，制作了一把小提琴

小提琴：

我希望路由器是不言自明的。我有一堆

项目

，每个项目都有一堆

清单

，每个

清单

都会有一些额外的细节。因为这些是嵌套资源，所以每个子资源都会呈现到其父模板的

{{outlet}}

我需要的是完全覆盖父模板，根据另一篇文章中的建议，我正在使用参考资料

索引

路径来实现这一点

---

因此，如果单击某个项目，整个项目模板将替换为列表模板。到目前为止一切都很好，但我似乎无法在列表中实现同样的效果。当我单击一个列表时，我希望整个列表模板被列表详细信息替换。有人能指出我做错了什么吗。

这里有一个可能的解决方案：

除了

列表/索引

模板之外，您还缺少

列表

模板，以及路由

列表索引

。通过这种方式，您可以复制在

应用程序

级别使用的相同模式

您还可以考虑使用以指定<代码>出口需要呈现给定模板。

希望有帮助