Angular 5 + AspNetCore + SpaServices + cshtml 可以这样吗？

Question

这是一个两部分的问题...

1) 关于具有 Angular Universal 和服务器端渲染的 Angular 5/6 功能。

2) 关于 Microsoft.AspNetCore.SpaServices 及其对 cshtml 页面的支持/将预渲染的 razor 视图注入 Angular。

目标

• 将 Angular 和 Asp.Net Core 合并为一个项目（不仅用于 API 还用于服务器端 HTML 渲染）

• 不要使用现有的 Microsoft.AspNetCore.SpaTemplates Angular 入门模板，因为它增加了一些我不需要的额外复杂性。

• 利用 Asp.Net Core Razor 的优势进行局部视图渲染和操作，然后将渲染的 HTML 发送回 Angular 客户端

• Angular 客户端应该能够从服务器注入渲染的 HTML，然后继续 DOM 操作、绑定等。

我的进步

我已经成功创建了一个基本的 Asp.Net Core 项目，然后手动集成了 Angular。

步骤是：

• 创建Asp.Net核心项目，然后使用angular-cli在同一目录下新建项目“ ng new MyAngularApp --minimal ”

• 手动将生成的 MyAngularApp 中“src”文件夹中的所有文件复制到 Asp.Net Core 新文件夹“ClientApp”中

• 然后将 json 配置文件（angular-cli、package 和 tsconfig）复制到 Asp.Net 项目的根目录中。

我发现如何做到这一点的最佳参考是 Shawn Wildermuth的 Pluralsight 教程“使用 ASP.NET Core、MVC、Entity Framework Core、Bootstrap 和 Angular 构建 Web 应用程序” - https://app.pluralsight.com/library/课程/aspnetcore-mvc-efcore-bootstrap-angular-web/table-of-contents （请查看有关使用 Angular 进行客户端开发的章节）- 作为记录，我与 Pluralsight 或 Shawn 没有任何关系

问题/问题

我理解使用 Node.js 作为 Angular Universal 的后端，但我认为在 Asp.Net Core 世界中，有一个完全有效的案例可以通过 Razor Page 呈现 html。

• 问题：我可以使用 Microsoft.AspNetCore.SpaServices ( https://github.com/aspnet/JavaScriptServices ) 调用 cshtml 页面或调用服务器 url 路径，然后在服务器上呈现，然后通过 SpaService 将 HTML 注入到角框架。

这是 Angular 组件的示例