Я пытаюсь создать компонент кнопки в угловом 2. На хосте я должен установить динамически генерируемое имя класса css. (в зависимости от связанного свойства)nativeElement.classList.add() alternative
'[ngClass]' на хосте не работает.
Я читал, что с помощью elementRef.nativeElement.classList.add (значение) не является лучшим способом либо, потому что ClassList не поддерживается на webworkers (или около того)
Каковы мои наилучшие варианты для генерации класс динамически на хосте?
@Component({
selector: '[md-button]',
})
export class MdButton {
color_: string;
@Input
set color() {
this.color_ = value;
if (this.elementRef !== undefined) {
this.elementRef.nativeElement.classList.add('md-' + this.color_);
}
}
get color(): string {
return this.color_;
}
constructor(public elementRef: ElementRef){}
}
'this.elementRef.nativeElement.className + = 'md-' + this.color_'? – dfsq