Angular 2在同一页面中一个接一个地引导两个应用程序

Question

我正在使用 angular2 开发一个项目。它有两部分，第一部分是登录，另一部分是仪表板。我想在一个应用中开发登录部分，在另一个应用中开发仪表板部分。

问题是，在同一页面登录应用程序后，我无法加载仪表板应用程序。

我找到了一个链接，他们在同一页面中引导两个应用程序，但我想在同一页面中同时加载一个应用程序。

他们在同一页面中引导两个应用程序的链接是：

Bootstrapping multiple Angular 2 applications on the same page

这样做的主要目的：安全

假设用户想要登录，我希望 Dashboard 应用程序由 Angular2 单独引导。

为什么我不使用单独的组件是因为我不想暴露与Login 组件一起加载的其他组件。

Answer 1

我在这里看到两个主要选项（我确定还有其他选项）：

选项 1：分别用于登录和仪表板的应用

您可以让您的登录和仪表板应用程序各有自己的网址，例如https://myhost:1234/login 和 https://myhost:1234/dash。

当用户尝试访问 /dash 时，服务器会检查他们是否已登录，如果未登录则重定向到 /login。当用户通过 /login 登录时，服务器会建立会话，然后重定向到 /dash。

选项 2：

在路由器上使用guard，以防止用户导航到仪表板，除非他们已登录。

请参阅TempHire Sample Application 以获取使用警卫的示例。在此示例中，guard 对服务器执行 ajax 调用，并使用响应来确定是否继续。 （响应还会将 Breeze 元数据带到客户端，但那是因为它是一个 Breeze 应用程序。）