如何在现有 Asp.Net Core Angular 项目中逐步使用 Blazor WASM

Question

我有一个带有 Asp.Net 核心后端和 Angular 前端的应用程序我想将它的前端部分转换为 Blazor WASM，因为它非常大我现在需要逐步转换它的前端部分我的问题是，有没有办法在 Asp.Net Angular 项目中使用 Blazor WASM 组件，甚至还有什么方法可以在 Angular 组件中使用 Blazor 组件？

Answer 1

诀窍是通过调用 JSComponentConfigurationExtensions.RegisterForJavaScript 使 Blazor 组件可用于从 JavaScript 进行实例化，这可从 ASP.NET Core 6.0 开始使用。

弥合从 Blazor 组件到 Angular 组件的差距需要一些进一步的步骤。 ASP.NET 示例中的JavaScript Component Generation 示例显示了一种可能的解决方案。

基于此代码，我创建了一个演示项目BlazorInAngularDemo，包括一个自动构建过程（请参阅部署到 github 页面的demo）。