Ember-CLI 路由：更改了我的路由/模板结构，但构建无法识别更改？

Question

我刚刚在 ember-cli 中更改了我的路由结构并破坏了我的应用程序。我想将我当前的结构嵌套更深一层......

之前：

Router.map(function() {
    this.resource('placements', function() {
        this.route('add');
        this.route('import');
        this.route('open');
    });
    this.route('admin');
});

之后：

Router.map(function() {
    this.resource('portal', function() {
        this.resource('placements', function() {
            this.route('add');
            this.route('import');
            this.route('open');
        });
        this.route('admin');
    });
});

我的模板结构也需要改变...

之前：

- templates/
-     placements/
-         add.hbs
-         import.hbs
-         index.hbs
-         open.hbs
-     admin.hbs
-     application.hbs
-     index.hbs
-     placements.hbs

之后：

- templates/
-     portal/
-         placements/
-             add.hbs
-             import.hbs
-             index.hbs
-             open.hbs
-         admin.hbs
-         index.hbs
-         placements.hbs
-     application.hbs
-     index.hbs
-     portal.hbs

我以为我已经一对一地进行了所有更改，但由于某种原因，当我重新启动 ember 服务器时，嵌套的“放置”路线被破坏了。

在控制台日志中，我注意到 ember 仍在尝试在旧的 templates/placements/index 下查找 placements.index 而不是新目录。

有一种理论认为模板不能像路由器那样嵌套？这意味着我可能需要使用 renderTemplate hook 明确定义每条路线，以便它显示正确的模板......这可能会很痛苦，因为这个项目将非常大。 ..也许我做错了什么？

Answer 1

在完成 cmets 工作后，@Adam 离开了我。我能够找出使用模板的正确方法。

模板，确实不嵌套在与资源/路由完全相同的模式中。

鉴于我制作的新路线结构：

Router.map(function() {
    this.resource('portal', function() {
        this.resource('placements', function() {
            this.route('add');
            this.route('import');
            this.route('open');
        });
        this.route('admin');
    });
});

模板的结构应如下所示：

- templates/
-     placements/
-         add.hbs
-         import.hbs
-         index.hbs
-         open.hbs
-     portal/
-         admin.hbs
-         index.hbs
-     application.hbs
-     index.hbs
-     placements.hbs
-     portal.hbs

当您定义一个“资源”时，这实质上会导致该特定路由成为顶级对象，而不管它在路由器映射中的嵌套程度如何。 placements.hbs 和 portal.hbs（从上面）是“资源”（顶层）模板，并相应地放置在模板目录的顶层。

由于这两个“资源”模板各有一个{{outlet}}，因此“子”路由模板需要放置在以其相应资源命名的顶级目录中。

Ember-CLI 文档描述了这种模式，只展示了一个深度的示例，所以我首先假设该模式重复深入。我希望这有助于阐明学习 Ember 的其他人的实际路径。

---

更新：

截至 EMBER 1.7.0

路线现在可以嵌套了！

这对我个人来说是令人振奋的消息，但值得对此答案进行更新。

资源仍然可以像上面的例子一样使用，所以如果你对此感到满意，你可以继续这样做一段时间。但请记住，资源计划用于最终弃用路径。最终，只会有路由和嵌套路由。

好消息是，如果您遵循新模式，您可以更自然地嵌套模板以匹配您的路由器结构，就像自然 REST 风格的应用程序一样。不再有尴尬的思维导图。

例如上面的同一个路由器（略有变化）：

Router.map(function() {
    this.route('portal', function() {
        this.route('placements', function() {
            this.route('add');
            this.route('import');
            this.route('open');
        });
        this.route('admin');
    });
});

模板的结构如下：

- templates/
-     portal/
-         placements/
-             add.hbs
-             import.hbs
-             index.hbs
-             open.hbs
-         admin.hbs
-         index.hbs
-         placements.hbs
-     application.hbs
-     index.hbs
-     portal.hbs

同样的模式也适用于嵌套对应的/routes、/controllers、/adapter等。

这也意味着（使用这个新模式）{{link-to}} 助手和transitionTo 方法需要包含路由的完整路径：例如{{link-to 'portal.placements.index'}}.