使用 Angular 和 Node 进行服务器端渲染答案

【问题标题】：Server Side Rendering with Angular and Node使用 Angular 和 Node 进行服务器端渲染
【发布时间】：2023-04-01 23:48:01
【问题描述】：

我在 Angular for UI 中使用服务器端渲染概念，而服务器在 Node.js 上。所以我正在做的是在我从 Angular 组件中点击 API 时渲染 HTML 部分，并且渲染的部分显示在屏幕上。

现在的问题是它们是一些带有 href 的锚标记

示例-href='/dashboard/cop/batting'从 API 呈现的 HTML。

现在，当我单击此链接时，我的整个 Angular 应用程序会重新启动，然后从 app.module.ts 设置路由。

这需要花费大量时间并扰乱我的 APP 流程。

我也试过href='/#/dashboard/cop/batting'，我是从这个Article得到的

我想要的是重新启动整个应用程序，只需停留在相应的组件上并完成工作。

【问题讨论】：

您是否考虑过使用routerLink 而不是href？我假设您在应用中使用路由。
@R.Richards，是的，我知道，但是我将纯 html 设置为组件
THE RENDERED PART
。无法使用路由器链接，因为我没有包含 ANGULAR在渲染部分。这个我试过了。

【解决方案1】：

使用 href 创建了这个问题，它将重新加载您应该使用 [routerLink] 指令进行路由更改的页面

【讨论】：

是的，我知道，但我将纯 html 设置为组件 <div> THE RENDERED PART </div> 。无法使用路由器链接，因为我没有在渲染部分中包含 ANGULAR。这个我试过了。
我认为你可以使用
比。也许它有效。