angular - 如何在 Angular 2 中添加类到主机？

Question

我需要动态地添加一个类属性，即使用 Angular 2 制作的主机组件。

我想做的不是这样： 如何将“类”添加到宿主元素？

在上述情况下，有必要对类进行硬编码。我的目标是在编译时添加一个未知的类，通过参数或类似的东西作为字符串接收。

我需要从 Angular 2 内部注入类，而不是将其定义为属性。它也不应该避免通过参数传递另一个类。我也想避免处理本地 dom。

Answer 1

使用渲染器：

// Renderer.setElementClass(renderElement: any, className: string, isAdd: boolean) : any

class MyComponent {
  constructor(private elRef:ElementRef, private renderer: Renderer) {}

  ngOnInit() {
    this.renderer.setElementClass(this.elRef.nativeElement, "whatever", true || false)
  }
}