javascript - Angular v2.4.7 [innerHtml] 和 [ngStyle] 在同一元素上

Question

我正在使用 [innerHTML] 绑定(bind)将一些 HTML 内容放入 div 中，并使用如上所述的清理管道 here .

我还需要能够根据用户输入(例如字体大小)动态更新样式。我一直在对其他元素使用 [ngStyle]，但 [ngStyle] 似乎与 [innerHTML] 配合得不好。用户可以更新fontSizeVar，并且可以在浏览器检查器中找到正确的CSS，但是[innerHTML]绑定(bind)内容的大小永远不会改变。想法？

模板:

  <div class='content'
       [ngStyle]='{ "font-size": fontSizeVar }'
       [innerHTML]='description | safeHtml'>
  </div>

Answer 1

感谢您的帮助，我想留下答案，以防其他人遇到此问题。

我有一个样式表，为 [innerHTML] 绑定(bind)内容提供初始样式。 [ngStyle] 适用于父元素，如果显式设置，则不会覆盖子元素的样式。删除子元素的样式允许继承正常工作，解决了我的问题。

再次感谢!