Angular2中多个用户面板的最佳实践是什么

Question

我将从一个新的大型项目开始。我将使用 Angular2，但我不知道包含多个用户面板的项目的最佳实践是什么。我需要你的经验和建议。

该项目将有一个登录页面。在登陆页面上也将是一个登录表单。如果用户信息（用户名-密码）正确，用户将被重定向到面板作为用户类型。如果用户是管理员，将被重定向到管理面板（仪表板），如果不是，将被重定向到用户面板。

我的问题是： 构建此类项目的最佳实践是什么？

每个面板和登录页面作为一个单独的 Angular 应用程序

• localhost（登陆页面应用）
• localhost/admin（管理面板应用）
• localhost/user（用户面板应用）

或者 多合一的 Angular 应用程序，其中包括登录页面和其他用户面板

• localhost（一个具有所有功能的应用程序）

这个项目将有许多用户类型（目前是管理员、学生、教师、家长），并且每种类型都有一个具有完全不同功能的面板。

Answer 1

你可以用路由器定义你的路由，你可以使用一个守卫来分配这些路由。

守卫可以实现您的多个用户角色所需的逻辑。 基本示例是仅在用户登录时激活的路由保护。您可以更进一步，然后使用服务定义您的角色，然后根据服务中的用户角色保护您的路由。

官方文档还不错：https://angular.io/docs/ts/latest/guide/router.html#!#can-activate-guard