【问题标题】:How to add classes to host in angular 2?如何在 Angular 2 中添加类到主机?
【发布时间】:2016-10-22 07:09:13
【问题描述】:

我需要为使用 Angular 2 制作的主机组件添加一个类属性。

我想做的不是这样: How to add "class" to host element?

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

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

【问题讨论】:

标签: angular class-names


【解决方案1】:

使用Renderer:

// 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)
  }
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-03-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多