是否可以修改模拟视图封装所使用的属性名称？

Question

在角度(2+)中是否可以修改或定义模拟视图封装所使用的属性名称的规则。

HTML:

<hero-details _nghost-pmm-5>
  <h2 _ngcontent-pmm-5>Mister Fantastic</h2>
  <hero-team _ngcontent-pmm-5 _nghost-pmm-6>
    <h3 _ngcontent-pmm-6>Team</h3>
  </hero-team>
</hero-detail>

CSS:

[_nghost-pmm-5] {
  display: block;
  border: 1px solid black;
}
h3[_ngcontent-pmm-6] {
  background-color: white;
  border: 1px solid #777;
}

例如，_nghost-pmm-5应该是_nghost-xyz-5还是我可以定义的东西？

谢谢大家！

Answer 1

这里有一个可定位的解决方案，它意味着修改@角依赖项的核心代码:手动更新CONTENT_ATTR变量的内容。

找到以下文件：

• node_modules/@angular/platform-browser/@angular/
• 节点_模块/@角/编译器/@角/

然后搜索/替换所需的值。当角编译应用程序时使用变量。

但是，请记住，使用npm-install删除或更新依赖项将替换所有更改。

在开发环境中，它对我来说很好，但我不能保证这能在生产中发挥作用。