如何逐步使用 Blazor WASM 作为现有 Asp.Net 核心 Angular 项目的一部分

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 样本显示了一种可能的解决方案。

基于此代码，我创建了一个部署到 github 页的演示项目 BlazorInAngularDemo including an automated build process (see demo。