ember-cli中的嵌套资源，凌乱的应用程序结构

Question

作为 Ember.js 和 ember-cli 的新手，我无法理解使我的应用正常运行所需的东西。

我的应用程序的逻辑层次结构是这样的：

Projects
|___Project
    |___Details
    |___Team Members
    |___Budget
        |___Planned
        |___Actual

目前，这是我的 router.js：

  this.resource('projects');
  this.resource('project', { path: 'projects/:project_id' }, function() {
    this.route('details');
    this.route('team');
    this.route('milestones');
    this.resource('budget', function(){
      this.route('project-budget', { path: 'project'});
      this.route('resource-budget', {path: 'team'});
    });
  });

我遇到的问题是将文件放在哪里。直到 Budget 下的两个嵌套路由点为止，我的文件夹结构看起来就像我的层次结构，但是由于 Resource 重置了命名空间，现在要使其正常工作，我必须将我的 Budget 模板、路由和控制器拉回顶部级别（带有项目的东西），这看起来很混乱，并且在以后尝试维护这个东西时会让人头疼。

我做错了吗？

Answer 1

路由器定义在 Ember 中可能有点棘手。您在 router.js 中的资源/路由定义应该反映您的页面结构。例如，如果你的 'team' 模板应该嵌套在你的 'project' 模板中，那么 'team' 应该嵌套在 router.js 中的 'project' 中：

Router.map(function() {
    this.resource('project', function() {
         this.route('team');
    });
});

如果您在 router.js 中使用 this.route()，那么您的文件夹结构应该模仿 router.js 中的结构。使用上面的例子，因为我们使用 this.route() 来定义'team'，你的文件夹结构是这样的：

app/routes/project.js
app/routes/project/team.js
app/templates/project.hbs
app/templates/project/team.hbs

但是，如果您选择在 router.js 中使用 this.resource()，那么您就是在告诉 Ember 您将要重置文件夹结构。所以如果你把 router.js 改成这样：

Router.map(function() {
    this.resource('project', function() {
         this.resource('team');
    });
});

...那么您的文件夹结构将是这样的：

app/routes/project.js
app/routes/team.js
app/templates/project.hbs
app/templates/team.hbs

回到你的具体问题，如果你觉得重置文件夹结构很麻烦，那么你可以在任何地方使用 this.route() 并放弃 this.resource()，因为可嵌套的 this.route() 登陆 Ember 1.7 ：http://emberjs.com/blog/2014/08/23/ember-1-7-0-released.html