angular - 为什么渲染的 Angular 2 通用服务器具有角度动态属性？

Question

我试图了解通用服务器端渲染的行为。

我看https://github.com/angular/universal-starter/tree/angular-connect项目。

我的第一个理解是，服务器端渲染的版本应该没有由 angular 生成的所有动态 html 属性，然后 angular 加载并设置它想要的动态属性，但对我来说是透明的。

事实上，我观察到服务器端生成的索引是直接“角度注释”的。例如：

<app _ngcontent-wwg-34="">

（属性名称不是常数）。

我是否认为这个属性是服务器端生成的（由nodejs）？

这个属性有什么用处？

它是如何使用客户端的？

我的最终目标是使用java后端（没有nodejs）：我是否必须遵循一些策略来生成这种属性并将它们保持在会话中或类似的东西？

谢谢阅读！

Answer 1

属性名称不是常数

我不知道你是什么意思。每个组件都有一个不同的属性名称。它们对于每种组件类型都是唯一的。重新加载之间的相同组件类型的属性名称不应更改。

_ngcontent-wwg-34=""

每个组件都有一个添加了唯一名称的属性，并且对于添加到组件的 CSS，选择器被重写为仅匹配这些属性。这用于模拟影子 DOM 封装。