angular – 通过组件属性为css类添加动态命名空间对性能/加载有

export class MyComponent {

  namespace: string;

  constructor(private globals: Globals) {
    this.namespace = globals.namespace;
  } 
}

然后像这样的模板：

<div class="{{namespace}}-wrapper">
  <h1 class="{{namespace}}-title"></h1>
  <h2 class="{{namespace}}-subtitle"></h2>
</div>

这使您可以完全控制您的样式,因为没有第三方样式(或者非常少,因为没有很多将具有相同的命名空间和后缀)可能会干扰您自己的样式,但性能呢？假设我平均每个模板有20个这样的绑定,是否会影响性能,这会让你考虑不使用这种方法？

从技术上讲,它不应该影响性能,因为它只是一次性绑定,但这样做可能会增加加载时间吗？我还没有找到任何可靠的测试方法,所以我无法确定.

我知道视图封装,但我希望有一种方法可以让我关闭它,仍然确保没有任何东西会破坏.

是否有更好的方法来实现这一点,或者这是一个非常好的方法？