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

时间:2014-04-29 11:06:29

标签: ember.js ember-app-kit

Ember App Kit中的目录结构表明所有控制器都进入' / app / controllers /'目录;把手模板放在' / app / templates /'目录,等等。

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

我们通过以下方式组织我们的控制器和相应的把手模板,为一个功能区域做到了这一点:

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

到目前为止,我们能够使这种方法工作的唯一方法(即在此嵌套目录结构中链接我们的控制器和模板)是创建以下路由:

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

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

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

单词'可用性'在生成的Ember控制器中重复,以回显我们的嵌套可用性/可用性目录结构。

有没有人知道在Ember App Kit中组织子目录的更好方法?对于具有大量源文件的应用程序来说,这肯定是必需的。

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

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

非常感谢

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

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

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