angular - 是否可以添加动态类以在 Angular 2 中托管？

Question

我知道在 Angular2 中，我可以通过这样做将类“red”添加到组件的选择器元素中:

@Component({
    selector: 'selector-el',
    host: {
        '[class.red]': 'true'
    },
    ...
})

我想知道是否有办法向主机添加一个动态类，类似于您对 NgClass 所做的(我知道实际上不支持 NgClass，我正在寻找可能的解决方案):

@Component({
    selector: 'selector-el',
    host: {
        '[NgClass]': 'colorClass'
    },
    ...
})
...
constructor(){
    this.colorClass = 'red';
}

Answer 1

你可以使用类似的东西:

@Directive({
  (...)
  host: {
    '[class.className]' : 'className', 
    '[class]' : 'classNames' 
  }
}
export class MyDirective {
  className: boolean;
  classNames: string;

  constructor() {
    this.className = true;
    this.classNames = 'class1 class2 class3';
  }
}