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

Question

是否可以在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 或者我可以定义的东西？

谢谢大家!

Answer 1

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

找到以下文件:

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

然后搜索/替换它的值以获得所需的值。当 Angular 编译应用程序时使用该变量。

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

它在开发环境中对我来说工作正常，但我不能确保它在生产环境中工作。