jQuery html () преобразует угловые атрибуты в нижний регистр

Question

e.g-> Ожидаемый вывод кода ниже:

$('<div><label [routerLink]="[\'/test\']">Footer text 1</label></div>').html()

Ожидаемый результат:

<label [routerLink]="['/test']">Footer text 1</label>

Но фактический вывод отличается:

 <label [routerlink]="['/test']">Footer text 1</label>

Как это решить?

Answer 1

Вы не должны полагаться на JQuery для чтения элементов Angular DOM. Директивы, используемые для элементов, даже не гарантированно появляются в DOM. Вы используете их в Angular, прямо сейчас они появляются в DOM, но это внутренняя деталь реализации Angular. В какой-то момент это может измениться. Они могут называться по-разному в DOM, они могут вообще не появляться. То, что они появляются, не поддерживается.

Так что, что бы вы ни пытались сделать, вам, вероятно, нужно найти другой путь.