【问题标题】:Reference and use Angular 5+ components within Asp.net MVC 3 project在 Asp.net MVC 3 项目中引用和使用 Angular 5+ 组件
【发布时间】:2018-06-01 01:11:36
【问题描述】:
我们有一个现有的 asp.net MVC3 应用程序(旧应用程序)。我正在 Angular 5+(新应用程序)中创建一个新的 SPA,它最终将取代旧的 MVC3 应用程序。但是,会有一个过渡期,在此期间我们希望能够在旧应用程序中使用一些新应用程序组件。
一些偏好:
1)我希望新应用程序成为一个单独的项目
2) 我更喜欢 new 是一个 typescript 项目而不是一个 mvc 站点。
将新应用中的组件引用或重用到旧应用中的最佳方式是什么?
【问题讨论】:
标签:
angular
asp.net-mvc-3
【解决方案1】:
您可以使用Angular Elements 将 Angular 组件嵌入到您的旧应用页面中,但这确实需要一些额外的努力。
您还可以使用 Angular CLI 生成一个库项目,其中包含 old-app 元素和 new-app 项目之间的共享组件。
如果没有更多信息,很难预测您可能面临的挑战。我会尽早尝试使用 Angular Elements,看看您是否可以让它与您的 old-app 一起使用。
Angular Elements 在浏览器支持方面仍处于领先地位。由于 Angular Elements 实际上是浏览器规范的一部分,最后我读到 Edge 浏览器并没有得到完全支持。