使用 Ember App Kit 在子目录中构建 Ember 应用程序

Question

Ember App Kit 中的目录结构规定所有控制器都位于“/app/controllers/”目录中；车把模板放在 '/app/templates/' 目录中，依此类推。

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

我们通过以下方式组织我们的控制器和相应的车把模板为一个功能区域完成了此操作：

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

到目前为止，我们能够使这种方法发挥作用的唯一方法（即在这个嵌套目录结构中链接我们的控制器和模板）是创建以下路由：

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

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

路线名称：availability.availability
路线：AvailabilityAvailability
控制器：AvailabilityAvailabilityController
模板：可用性/可用性
网址：#/可用性

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

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

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

路线名称：可用性。可用性
路线：可用性可用性
控制器：可用性AvailabilityController
模板：可用性/可用性
网址：#/可用性

非常感谢

Answer 1

从嵌套目录http://iamstef.net/ember-app-kit/guides/naming-conventions.html 上的文档看来，您只需进行一次调整即可完成您想做的事情。与其将 availability.js 放在可用性子文件夹中，不如将它放在一个目录上，然后将所有子可用性控制器放在该子文件夹中。

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

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

Answer 2

请查看 ember-pods。 http://cball.me/organize-your-ember-app-with-pods/

这是一种以您想要的方式构建 ember 应用程序的方法。