ember.js - 使用 Ember App Kit 在子目录中构建 Ember 应用程序

Question

Ember App Kit 中的目录结构规定所有 Controller 都在“/app/controllers/”目录中； handlebars 模板位于“/app/templates/”目录中，依此类推。

但是，我的团队目前正在开发一个 Ember 应用程序，其中功能区域(以及源文件)的数量在不断增长，因此我们希望在这些目录下为我们的 Controller 、模板等创建子目录，而不是组所有内容都在同一目录中。

我们通过以下方式组织我们的 Controller 和相应的 Handlebars 模板来为一个功能区域完成此操作:

/app/controllers/availability/availability.js
/app/templates/availability/availability.hbs

到目前为止，我们能够使这种方法起作用(即在这个嵌套目录结构中链接我们的 Controller 和模板)的唯一方法是创建以下路由:

this.route('availability.availabilty', {path: "/availability"});

这具有 Ember 为我们创建以下内容的副作用:

路线名称:availability.availability
路线:AvailabilityAvailability
Controller :AvailabilityAvailabilityController
模板:可用性/可用性
网址:#/可用性

“可用性”一词在生成的 Ember Controller 中重复，以呼应我们嵌套的可用性/可用性目录结构。

有谁知道在 Ember App Kit 的子目录中组织应用程序的更好方法？这肯定是具有大量源文件的应用程序的常见要求。

例如，我们希望 Ember 为我们创建以下内容:

路线名称: availability. availability
路线: 可用性 可用性
Controller : Availability AvailabilityController
模板:可用性/可用性
网址:#/可用性

非常感谢

Answer 1

来自嵌套目录的文档 http://iamstef.net/ember-app-kit/guides/naming-conventions.html似乎您可以通过一次调整来完成您想做的事情。不要将 availability.js 放在可用性子文件夹中，它应该在一个目录中，然后所有子可用性 Controller 都放在该子文件夹中。

+-- app
+-- controllers
|   +-- availability
|   |   +-- edit.js
|   +-- availability.js

+-- app
+-- templates
|   +-- availability
|   |   +-- edit.hbs
|   +-- availability.hbs