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

Question

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

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

我的第一个理解是，服务器端呈现的版本应没有由angular生成的所有动态html属性，然后按角度加载并按需要设置其动态属性，但对我而言是透明的。

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

<app _ngcontent-wwg-34="">

（属性名称不是常数）。

我是否正确认为此属性是服务器端生成的（由nodejs生成）？

此属性的用途是什么？

客户端如何使用？

我的最终目标是使用Java后端（无nodejs）：我是否必须遵循某种策略来生成此类属性并将其保留在会话中或类似的东西？

谢谢阅读！

Answer 1

属性名称不是常量

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

_ngcontent-wwg-34=""

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