具有多个模块的Angular 2项目结构

时间:2017-07-27 23:39:55

标签: angular typescript angular-module

我目前正在开发我的第一个Angular 2+应用程序,并且我遇到了一些关于如何最好地构建应用程序的问题。

我刚刚开始开发应用程序区域,用户可以在其中执行登录等操作并创建帐户。对于这两条路线,我已经有几个组件(登录表单,注册表单,登录页面,注册页面等)。继续在根模块中声明这些似乎很混乱,特别是当应用程序的大小增加时。

我该如何继续前进?为每条路线制作一个模块?制作一个包含登录和注册功能的模块,因为它们相似吗?我没有找到太多在线,所以任何指导都会很棒!

谢谢!

1 个答案:

答案 0 :(得分:0)

@brijmcq和style guide已经建议的官方documentation about modules给出了良好的第一个方向。

您应该按功能将应用程序的类分组(并且绝对不是按类型)。它在很大程度上取决于绘制线的上下文。对于一个非常小的应用程序,一个根应用程序模块可能就足够了,在大多数情况下,使用功能模块很有意义。通常,模块处理多个路由,但可能存在这样的情况,其中每个模块的一个路由是合适的。在您的情况下,处理登录,注销,注册......的认证模块听起来对我来说非常合理。如果您的注册过程变得非常复杂,您可能会考虑稍后将其重构为自己的模块。

某些内容可能不属于某个功能,但在几个不同的功能中使用(主要是UI组件,如浮动操作按钮)。将它们移动到您自己的通用模块中并将其导入所有模块中是一种常见做法。

相关问题