javascript - 是否可以修改模拟 View 封装使用的属性名称

在angular(2+)中是否可以修改或定义用于仿真 View 封装的属性名称的规则。

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还是我可以定义的东西？

谢谢你们!

最佳答案

这是一个可行的解决方案，它暗示着修改@angular依赖项的核心代码:手动更新CONTENT_ATTR变量的内容。

在以下位置找到文件:

node_modules / @ angular / platform-b​​rowser / @ angular /

node_modules / @ angular / compiler / @ angular /

然后搜索/将其值替换为所需的值。在对应用程序进行 Angular 编译时会使用该变量。

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

在开发环境中，这对我来说很好用，但是我不能保证这可以在生产环境中使用。

关于javascript - 是否可以修改模拟 View 封装使用的属性名称，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43936601/