小编Dwa*_*wne的帖子

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

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

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

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

将 Angular 5 或 6 与 Angular Universal 一起用于服务器端渲染调用 cshtml 页面??

目标

  • 将 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 项目的根目录中。

Angular 5 将配置文件与 asp.net 核心合并

我发现如何做到这一点的最佳参考是 Shawn Wildermuth的 Pluralsight …

server-side-rendering asp.net-core angular-universal angular asp-net-core-spa-services

5
推荐指数
0
解决办法
749
查看次数