Angular 6 : Multi Page Application (MPA) is possible?

Question

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

因为我是使用版本 6.0.4 创建 Angular 应用程序的新手。我的第一个简单问题是:

1. 是否可以为 Angular 应用配置多级登录页面？

   示例:在不公开根页面顶部导航栏上的链接的情况下，我需要直接链接到用户拥有自己不同菜单的这些页面。喜欢:WordPress/管理面板与其网站不同。

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

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

1. 如果不是:

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

Answer 1

SOLVED

通过以下方式: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>