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

时间:2017-05-08 22:40:30

标签: javascript angular innerhtml

我正在使用[innerHTML]绑定将一些HTML内容放入div中,并使用如here所述的清理管道。

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

模板:

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

1 个答案:

答案 0 :(得分:0)

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

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

再次感谢!