javascript - 如何向 HTML 元素添加选择器？

Question

我有一个 span 元素:

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

如何将选择器[粗体]添加到元素，以获得:

<span [bold] class="info-point"></span>

或

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

Answer 1

您可以使用以下指令来制作粗体文本。

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>

希望这会有所帮助。