it-swarm.dev

Angular 6:可以使用多页面应用程序(MPA)吗?

在Google上度过了一整天之后,我的问题仍未得到答复。

因为我刚开始创建 Angular app使用版本 6.0.4 。我的第一个简单问题是:

  1. 是否可以使用多级登录页面配置Angular app?

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

    • /home用于公共视图
    • 登录后/admin为admin部分
    • 登录后客户部分/customer

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

  1. 如果不:

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

4
Amit Shah

解决了

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

1)是的,有。它被称为routing和angular有一个非常好的关于路由的教程。在这里检查 - 角度路由器

2)在开始开发Web应用程序之前,您应该至少了解TCP/IP的工作原理。如此简单 - 您无法在同一端口上运行多个应用程序。

1
Tomáš Šedivý