jquery - 如何使用angular4在组件标签中设置粗体和斜体属性

我在该组件内部有一个模板和选择器
这是我的组件

@Component({
    selector: 'labelnumeric',
    template: '<label>hello</label>'
})

export class LabelNumeric
{

}

我想动态地向标签粗体和斜体添加属性，所以我该怎么做？

最佳答案

这样尝试。您必须在CSS中定义.class-bold。在装饰器中或在外部。

@Component({
    selector: 'labelnumeric',
    template: '<label #mylabel>hello</label>'
})

export class LabelNumeric implements OnInit {

  @ViewChild('mylabel') label;

  @Input() isBold: boolean = false;

  ngOnInit() {
    if(this.isBold){
      this.label.nativeElement.classList.add('class-bold');
    }
  }
}

并像这样使用它：<labelnumeric [isBold]="true"></labelnumeric>

如果可行，则可以相应地为斜体定义一个@Input。