将Angular应用组织成多个部分

时间:2018-08-10 18:36:52

标签: angular typescript

我正在尝试将Angular应用划分为以下部分,并有几个问题:

auth
    login (only public the page in entire system, when user logs in they get directed to admin-portal or user-portal based on certain variables)

admin-portal
    layout (layout for admin portal) -component
    dashboard (dashboard for admin portal) -component
    users (user management for admin portal) -component

user-portal
    layout (layout for user portal) -component
    dashboard (dashboard for user portal) -component
    projects (project management for user portal) -component
  1. 我应该让这些部分中的每个部分都具有自己的模块 路线?
  2. 是否可能有重复的组件名称,例如 每个模块中的dashboard.component?
  3. 在路由中,我的计划是在其上具有自己的AuthGuard的admin-portal和user-portal父路由,然后在其中创建所有子路由。

1 个答案:

答案 0 :(得分:1)

是的,通常将Angular应用程序分为多个部分(或功能),并为每个功能构建一个“功能模块”。

正如评论中所建议的...为组件赋予唯一名称是一种更好的设计。阅读代码时,不会造成太多混乱。

是的,您可以在路线上建立警卫并定义子路线。