我有一个字符串，在变量“prod.de.description”中，这是一个对象的描述，像这样:
"<p><strong>Test</strong></p><p><strong><span style="background-color: #ed7e32;">Test2</span></strong></p>"
当我使用innerhtml时，它只显示强颜色而不显示背景颜色。 下面是html代码和结果:
<div class="col-10" style="padding-left:0; font-size:0.9rem">
<div class="row">
<div class="col-3 text-right">
<label class="modal-tag">DESCRIPTION</label>
</div>
<div class="col-9">
<p [innerHTML]="prod.de.description"></p>
</div>
</div>
这就是我现在得到的:
为什么在Test2下我没有得到背景颜色，而只得到强颜色？ 我是HTML新手。 多谢！
您在字符串的内部和外部使用了相同的引号（“）。这可能会导致问题。请使用不同的引号。可能如下所示:
"<p><strong>Test</strong></p><p><strong><span style='background-color: #ed7e32;'>Test2</span></strong></p>"
我推荐的是，由于Html总是使用双引号默认值，所以将字符串变量设置为单引号。 其他方式也可以，但如果您在html中添加更多的属性，并且倾向于只在html中使用双引号，这将是将来的证明。
'<p><strong>Test</strong></p><p><strong><span style="background-color: #ed7e32;">Test2</span></strong></p>'
