使用Ember应用工具包在子目录中构建Ember应用程序



Ember App Kit中的目录结构规定所有控制器都在"/App/controllers/"目录中;车把模板在"/app/templates/"目录中,依此类推

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

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

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

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

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

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

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

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

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

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

路线名称:可用性可用性
路线:可用性可使用性
控制器:可用性可利用性控制器
模板:可用性/可用性
URL:#/可用性

非常感谢

来自嵌套目录的文档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

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

这是一种以你想要的方式构建你的会员申请的方式。

相关内容

  • 没有找到相关文章

最新更新