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

我使用[innerHTML]绑定将一些HTML内容放入一个div中，并使用一个消毒管道，如前所述

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

模板：

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

---

谢谢你的帮助，我想留下一个答案，以防其他人遇到这个问题

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

---

再次感谢

谢谢你的帮助，我想留下一个答案，以防其他人遇到这个问题

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

---

再次感谢

嗯……可能创建一个全新的docfrag（或只是元素），设置样式，并将其附加到包装div（作为ViewChild访问）？在当前版本中似乎可以正常工作：可能只是内部html没有从其父级继承样式。如果我错了，请纠正我，但ngStyle将样式应用于它所在的元素。看起来[innerHTML]内容没有正确继承，字体大小由我提供的其他css修复。谢谢你的帮助！嗯……可能创建一个全新的docfrag（或只是元素），设置样式，并将其附加到包装div（作为ViewChild访问）？在当前版本中似乎可以正常工作：可能只是内部html没有从其父级继承样式。如果我错了，请纠正我，但ngStyle将样式应用于它所在的元素。看起来[innerHTML]内容没有正确继承，字体大小由我提供的其他css修复。谢谢你的帮助！