Я кодирую немного html
в моем компоненте, как показано ниже. Я добавляю span
с конкретным классом в innerHTML
элемента:
nodes = this.getAllTextnodes(this.textarea.nativeElement);
x1 = nodes[0].data.substring(0, this.characterLimit - 1);
x2 = nodes[0].data.substring(this.characterLimit - 1, nodes[0].nodeValue.length);
x3 = '';
for (let i = 1; i < nodes.length; i++) {
x3 += '<span class="highlighted-text">' + nodes[i].nodeValue + '</span>';
}
replaceContent = x1 + '<span class="highlighted-text">' + x2 + '</span>' + x3;
this.textarea.nativeElement.innerHTML = replaceContent;
но когда мой код запускается, мой класс не применяется к span. Я получаю фото ниже, чтобы сделать этот смысл лучше:
и проблема здесь в том, что у меня нет _ngcontent_c10
в моем span
, но я не знаю, как решить эту проблему.