更改 ember 路由器中模板文件的路径

Question

我的路由器目前是这样的：

Router.map(function() {
    this.route('item1');
    this.route('item2');
    this.route('item3', function(){
        this.route('sub-item', { path: '/sub-item' });
    });
});

我的模板文件夹如下所示：

现在当我有一个超链接时：

{{link-to 'Sub Item' 'item3.sub-item'}}

这会导航到 item3 文件夹内的 sub-item.hbs。如何更改嵌套 sub-item 路由的路径，以便它在 templates 文件夹中呈现 sub-item.hbs 文件？我尝试将其更改为 this.route('sub-item', { path: '../sub-item' }); 但这没有用。

Answer 1

您需要重置命名空间 this.route('sub-item', { path: '/sub-item', resetNamespace: true }); 并将 item3/sub-item.hbs 移动到 sub-item/index.hbs。

如果您想保留 ember 自动添加到 [=21= 的活动 class，您的 link 路径将变为 {{link-to 'Sub Item' 'sub-item.index'}} sub-item ]s.

更改 ember 路由器中模板文件的路径

Change path of template file in ember router

javascript

javascriptmvc

ember.js

ember-data

ember-cli