HTML属性更改为小写

时间:2017-11-29 13:28:46

标签: html angular

如何在html中停止属性更改案例

let test1 = document.createElement('div');

test1.innerHTML = '<div [ngClass]>Test</div>';

console.log('--------dynamic', test1.innerHTML);

此处,[ngClass]更改为ngclass。

2 个答案:

答案 0 :(得分:2)

HTML属性名称不区分大小写。

当您为浏览器提供一些HTML来解析DOM,然后将该DOM序列化为HTML时,无法阻止浏览器对它们进行规范化。

如果您想处理Angular的模板语言并保持区分大小写,请不要使用旨在处理HTML的工具。

答案 1 :(得分:2)

此代码

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <include layout="@layout/content_color1"/>
</FrameLayout>

完全没有意义。 Angular不会对test1.innerHTML = '<div [ngClass]>Test</div>'; 执行任何操作。

Angular进程Angular特定标记仅在编译组件模板时,而不是在将其添加到DOM时。

如果要在运行时添加Angular特定标记,则需要动态创建和编译组件。

有关详细信息,请参阅How can I use/create dynamic template to compile dynamic Component with Angular 2.0?