在 Asp.net MVC 3 项目中引用和使用 Angular 5+ 个组件

Reference and use Angular 5+ components within Asp.net MVC 3 project

我们有一个现有的 asp.net MVC3 应用程序(旧应用程序)。我正在 Angular 5+(新应用)中创建一个新的 SPA,它最终将取代旧的 MVC3 应用。但是,会有一个过渡期,在此期间我们希望能够在旧应用程序中使用一些新应用程序组件。 一些偏好: 1) 我希望 new-app 成为一个单独的项目 2) 我更希望新的是一个 typescript 项目而不是一个 mvc 站点。

将新应用程序中的组件引用或重用到旧应用程序的最佳方式是什么?

您可以使用 Angular Elements 将 Angular 组件嵌入到 old-app 页面中,但这确实需要一些额外的努力。

您还可以使用 Angular CLI 生成一个库项目,其中包含 old-app 元素和 new-应用程序 项目。

如果没有更多信息,很难预测您可能会遇到哪些挑战。我会尽早尝试使用 Angular 元素,看看您是否可以让它与您的 old-app.

一起使用

Angular Elements 仍处于浏览器支持的边缘。由于 Angular 元素实际上是浏览器规范的一部分,最后我读到 Edge 浏览器并未得到完全支持。