【问题标题】:Angular 6: Multi Page Application (MPA) is possible?Angular 6:多页面应用程序(MPA)是可能的吗?
【发布时间】:2018-11-19 23:07:16
【问题描述】:

在 Google 上呆了一整天后,我的问题仍未得到解答。

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

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

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

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

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

  1. 如果没有:

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

【问题讨论】:

  • @Christian 我不想公开指向 /home、/admin、/customer 页面的顶级导航栏。它应该是直接链接到他们有自己不同菜单的单独页面上。例如:wordpress/管理面板
  • 这可以通过为每个用户创建单独的模块并根据用户延迟加载模块来完成。在这种情况下,最终用户将只能获取该特定模块的文件。如果需要示例代码,请告诉我。

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


【解决方案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>

【讨论】:

    【解决方案2】:

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

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

    【讨论】:

    • 首先,感谢您的回复。但你实际上并没有得到我的问题。我不想将根级导航栏暴露给在 /home、/admin 和 /customer 之间切换的最终用户。我想要一个指向他们自己的登录页面的直接 URL,他们将在那里根据他们的登录角色拥有自己的菜单。其次,我非常了解 TCP/IP,这就是为什么我怀疑如何在同一个 URL:端口上运行不同的 Angular 应用程序,以防我有 3 个不同的应用程序用于 /home、/admin、/customer跨度>
    猜你喜欢
    • 2020-10-22
    • 1970-01-01
    • 1970-01-01
    • 2018-12-22
    • 2018-06-22
    • 2018-09-23
    • 2020-03-22
    • 2021-03-19
    • 1970-01-01
    相关资源
    最近更新 更多