Angular 6:多页面应用程序(MPA)是否可行?

时间:2018-06-10 15:24:13

标签: angular single-page-application multi-page-application

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

我不熟悉使用 6.0.4 版本创建 Angular 应用。我的第一个简单问题是:

  1. 是否可以使用多级目标网页配置Angular应用程序?

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

    • /home用于公开视图
    • /admin登录后的管理部分
    • /customer登录后的客户部分
  2. 这是因为我发现只有一个app.component.html文件,我们可以使用路由包含我们的组件,但顶部有静态导航栏。

    1. 如果不是:

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

2 个答案:

答案 0 :(得分:3)

  

解决

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

答案 1 :(得分:2)

1)是的,有。它被称为路由和角度有一个非常好的关于路由的教程。请在此处查看 - angular router

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