将基于 Angular 6 的网页与旧版 ASP.NET 门户网站合并

Posted 2023-03-24

【中文标题】将基于 Angular 6 的网页与旧版 ASP.NET 门户网站合并

【英文标题】：Merging Angular 6 based web pages with legacy ASP.NET web portal

【发布时间】：2019-11-11 18:25:50

【问题描述】：

我有一个基于 .NET 4.0 的普通 ASP.Net 旧版 Web 门户。现在，我有一些新的需求，我打算使用 Angular 6。将现有的基于 .NET 的 Web 应用程序重写为 Angular 6 需要付出巨大的努力。因此，我正在考虑在 Angular 6 中创建新页面并与现有的 ASP.NET 应用程序集成。在尝试这种方法之前，我想要一些关于如何将 ASP.NET 服务器端应用程序与 Angular 客户端页面集成的建议。

随时欢迎分享您在类似方法、建议和建议方面的经验。

【问题讨论】：

最好的办法是使用角度元素（网络组件）

【参考方案1】：

问题在于 Angular 是一种 SPA 或单页应用程序开发风格，其中 ASP.Net 旧版使用每个回发操作呈现一个新页面，这将破坏 Angular 应用程序实例。每当您需要导航到 APS.Net 应用程序中的页面时，您都会丢失 Angular 应用程序，并且每次路由返回新页面时都需要重新初始化它。

也许您可以 iframe 旧页面并在每次显示旧页面时隐藏 Angular SPA，这样您就可以保持 SPA 运行。