jquery - jQuery html() 将角度属性转换为小写

Question

eg-> 以下代码的预期输出：

$('<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 中的调用方式可能不同，它们可能根本不会出现。它们的出现不是受支持的功能。

所以无论你想做什么，你可能需要找到另一种方法。