如何在Angle 2+中将一个应用程序路由到另一个应用程序

Question

我在angular 7中有两个不同的应用程序，我想在它们之间导航。如何使用角度路由实现它？

Answer 1

使用window.location.href='externalurl'

Answer 2

简而言之，你不能。 Angular Routing可在Angular应用程序中工作，因此这两个应用程序将具有自己的Angular路由器和路由器配置。

“路由”到另一个应用程序的唯一方法是使用window.location.href。

值得注意的是，您将卸载现有的Angular应用程序并加载到新的Angular应用程序中（换句话说，将从浏览器中卸载当前应用程序的所有状态，资产和文件），并进行导航这两个应用程序之间的向后和向前移动可能会变得很昂贵，因为每次您导航到该应用程序时都会加载并启动每个应用程序。

可能值得考虑将两个“应用程序”作为模块或sub-applications放在单个Angular应用程序中，然后您可以使用延迟加载将它们路由到它们。

例如，您的路由器配置看起来像这样

[
  { path: 'app1', loadChildren: 'path/to/module/for/app1#ModuleName' },
  { path: 'app2', loadChildren: 'path/to/module/for/app2#ModuleName' }
]

然后在您的应用程序中，您可以使用this.router.navigate(['/app1'])

我希望有帮助。