同时运行 Angular 和旧版 Knockout 应用程序

Question

我有幸/不幸地开始使用 Angular 重写一个遗留的 Knockout 应用程序。它必须分阶段进行，因为它是一个大型应用程序。现在我正在重建/account 路线下的所有内容。我还必须在 ASP.NET MVC 解决方案上执行此操作。

通过为任何帐户路径提供静态资产，我已经成功地开发、构建和运行应用程序。但是，为了避免每次有人在他们的帐户和应用程序的其余部分之间导航时都必须重新加载应用程序，我想找到一种方法来在淘汰应用程序的同时启动 angular 应用程序。

有什么想法吗？

Answer 1

我有一个愚蠢的想法，但它需要你额外的开发。

也许您可以在 Angular 应用程序中运行所有内容？

1. 您的 Angular 应用应负责所有路由。
2. 淘汰页面可以在iframe 内运行，并通过postMessage 与Angular 交互

基本概念：

1. Angular 应用已打开
2. 用户尝试进入淘汰赛页面
3. Angular 显示加载状态
4. 角开始加载 iframe 并带有淘汰页面（iframe 已隐藏）
5. iframe 通过postMessage 通知 Angular 已准备就绪（需要更改淘汰赛应用的路由或初始化逻辑）
6. Angular 停止加载并显示 iframe
7. 用户与淘汰页面互动
8. 如果用户点击某些需要重定向的元素 - 淘汰应该通过postMessage 通知 Angular。

我只能描述基本的想法，而不知道你的应用程序的细节。