为什么Angular中innerHTML标签的样式设置总是不生效？
- 内容介绍
- 文章标签
- 相关推荐
本文共计781个文字，预计阅读时间需要4分钟。
1. 背景：在最近的Angular项目中，需要使用[innerHTML]标签来指定一个div的样式。具体做法如下： // HTML部分 // TypeScript部分 contents='p商品信息span style=color:red;>商品信息介绍';
1.背景
在最近angular的项目中,需要用到[innerHTML]标签来指定一个div的样式：
//HTML部分 <div class="contents" [innerHTML]="contents"></div> //TS部分 contents = '<p>商品信息栏位<br><span style="color:red;">商品信息介绍</span></p>';
但是上面的样式并不起作用，在Chorme中查看源码，发现style标签的样式在Angular编译的时候被屏蔽掉。这是为什么呢？客观别急，请往下看。
2.解决方案
先说解决方案，最后再分析出现这种问题的原因。
本文共计781个文字，预计阅读时间需要4分钟。
1. 背景：在最近的Angular项目中，需要使用[innerHTML]标签来指定一个div的样式。具体做法如下： // HTML部分 // TypeScript部分 contents='p商品信息span style=color:red;>商品信息介绍';
1.背景
在最近angular的项目中,需要用到[innerHTML]标签来指定一个div的样式：
//HTML部分 <div class="contents" [innerHTML]="contents"></div> //TS部分 contents = '<p>商品信息栏位<br><span style="color:red;">商品信息介绍</span></p>';
但是上面的样式并不起作用，在Chorme中查看源码，发现style标签的样式在Angular编译的时候被屏蔽掉。这是为什么呢？客观别急，请往下看。
2.解决方案
先说解决方案，最后再分析出现这种问题的原因。