Angular 6：多页面应用（MPA）是否可行？

Question

在谷歌上花了一整天，我的问题仍然没有答案。

作为一个新手来创建使用版本6.0.4的Angular应用程序，我的第一个简单问题是：

1. 是否可以配置多级着陆页的Angular应用程序？

   例如：在根页面的顶部导航栏上不公开链接，我需要直接链接到这些页面，在这些页面中用户有自己的不同菜单。例如：WordPress / admin面板与其网站不同。

   • /home供公众查看
   • /admin登录后的管理部分
   • /customer登录后的客户部分

这是因为我发现只有一个app.component.html文件，在其中我们可以使用Routing包含我们的组件，但是带有静态导航栏。

2. 如果不行：

   如何在同一个url:port下运行为所有以上3个部分创建的多个应用程序？

- Amit Shah

---

https://angular.io/guide/router - Christian

@Christian 我不想暴露指向/home、/admin、/customer页面的顶级导航栏。它应该是一个直接链接，着陆在它们各自的不同菜单页面上。例如：WordPress / 管理面板。 - Amit Shah

这可以通过为每个用户创建单独的模块并根据用户进行惰性加载来实现。在这种情况下，最终用户将仅获取该特定模块的文件。如果需要示例代码，请告诉我。 - Tarun Khurana

Answer 1

问题已解决

按照以下步骤操作：https://angular.io/guide/lazy-loading-ngmodules

注意：最后必须在app.component.html中注释掉导航按钮。

<!--
<h1>
  {{title}}
</h1>

<button routerLink="/customers">Customers</button>
<button routerLink="/orders">Orders</button>
<button routerLink="">Home</button>
-->

<router-outlet></router-outlet>

- Amit Shah

---

我知道你的意思。这似乎只是一个单页面，你将只有一个HTML文件。 - Mo...