javascript - Angular 6 多页面应用程序如何

Question

我正在开发一个复杂的信息系统，我们的前端堆栈被定义为使用 Angular 框架。我知道 Angular 是有计划的并且主要适用于单页应用程序。但在现阶段，我面临着 Angular 6 的 MPA 支持问题。基本上，我们客户的要求是要查看系统中的某些元素，必须在不同的选项卡中打开它，因为通常人们会打开多个并使用它可以收集或比较彼此之间的元素。

我当前的应用程序分布在多个延迟加载模块中，所以我的问题是实现对 Angular 的 MPA 支持的最佳方法是什么？为了解决这个问题？我知道，如果我在单独的选项卡中打开链接，则客户端必须下载整个应用程序，然后他才能查看特定页面。任何人都可以就这种情况的某些解决方案提出建议，或者是否可以不在新选项卡上下载整个应用程序？谢谢。

PS。我浏览了整个互联网，但没有找到任何解决方案。

Answer 1

这些天我正在使用 Angular 开发一个多页面应用程序。在那里，我们使用正常的 location.href 导航进行路由，而不是使用 Angular 路由器模块。这样， Angular 应用程序就可以用作多页应用程序。当我们这样做时，每次重新加载浏览器时， Angular 引导所有内容并从应用程序组件开始加载。因此，当您使用延迟加载时，您可以限制每次浏览器刷新时加载的模块数量。当您在新选项卡中打开某些内容时，也会发生同样的情况。

正如 @Suresh Kumar Ariya 所建议的，服务器端渲染只是渲染页面的静态内容，而该页面的动态功能所需的 javascript 文件在后台加载。因此，我认为这不是您正在寻找的，除非您只想快速提供静态内容以改善用户体验。

您可以做的是尝试进行更多的延迟加载，以最大程度地减少初始加载并优化您的代码