我正在使用 [innerHTML] 绑定(bind)将一些 HTML 内容放入 div 中，并使用如上所述的清理管道 here .
我还需要能够根据用户输入(例如字体大小)动态更新样式。我一直在对其他元素使用 [ngStyle]，但 [ngStyle] 似乎与 [innerHTML] 配合得不好。用户可以更新fontSizeVar，并且可以在浏览器检查器中找到正确的CSS，但是[innerHTML]绑定(bind)内容的大小永远不会改变。想法？
模板:
<div class='content'
[ngStyle]='{ "font-size": fontSizeVar }'
[innerHTML]='description | safeHtml'>
</div>
最佳答案
感谢您的帮助，我想留下答案，以防其他人遇到此问题。
我有一个样式表，为 [innerHTML] 绑定(bind)内容提供初始样式。 [ngStyle] 适用于父元素，如果显式设置，则不会覆盖子元素的样式。删除子元素的样式允许继承正常工作，解决了我的问题。
再次感谢!
关于javascript - Angular v2.4.7 [innerHtml] 和 [ngStyle] 在同一元素上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43858328/