将前端拆分为多个Angular SPA

时间:2018-01-15 08:21:17

标签: angular single-page-application

我正在开发一个Angular应用,其中某些网站可能与其他网站不共享相同的结构/布局。因此,例如,主页面将显示一个居中的多步骤表单,该表单将引导用户完成引用过程。

然后我有另一个页面,供管理用户查看订单状态,一个查看一些统计信息等。

我的问题是我发现在一个Angular应用程序中很难做到这一点。主要原因是不同页面的布局不是很相似。所以基本上形式与其他页面有很大不同。例如,它有一个进度条,不应该显示在任何其他页面上,并且样式也不同。

我是否应该将其划分为多个Angular应用程序?将统计/订单状态页面分组是有意义的,因为它们可以共享相同的主要布局(导航栏等),其中心内容不同,因此这是一个“应用程序”,然后我可以将主表单应用程序作为自己的。

目前我发现我的CSS和结构一团糟,因为我需要一直隐藏/显示内容。

将网站划分为多个角度应用程序是否有意义,或者我应该能够制作我现在所使用的工具?

1 个答案:

答案 0 :(得分:1)

您应该问自己这个问题:我是否希望为应用的每个部分提供不同的网址或域名?

如果答案是肯定的,那么创建几个应用程序。如果答案是否定的,请创建一个完整而复杂的Angular应用程序,包括路由,延迟加载以及生成就绪应用程序所需的一切。

由于Angular是创建SPA的,因此绝对没有约束。只有你的。这意味着如果你的代码很乱,这不是因为你应该制作不同的Angular应用程序,而是因为你没有正确编码。