如何向HTML元素添加选择器?

您可以使用以下指令来生成粗体文本。

import { Directive, ElementRef } from '@angular/core';

@Directive({
  selector: '[boldText]'
})
export class BoldTextDirective {
    constructor(el: ElementRef) {
       el.nativeElement.style.fontWeight = 'bold';
    }
}

HTML

<span boldText class="info-point"></span>

希望这有帮助。

使用空字符串设置属性应该会得到这样的结果。这被称为布尔属性(常用于React、Angular等框架)。它们是有效的,定义见 W3 Specs .

let infoButton = document.createElement("span"); 
infoButton.setAttribute("class", "info-point");
infoButton.setAttribute("bold", "");
console.log(infoButton);

最好使用本机API来管理元素类。

var infoButton = document.createElement("span"); 

infoButton.classList.add("info-point");