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

我正在使用[innerHTML]绑定将一些HTML内容转换为div，并使用了清洁管道here。Angular v2.4.7 [innerHtml]和[ngStyle]在同一元素上

我还需要能够根据用户输入（例如字体大小）动态更新样式。我一直在使用[ngStyle]作为其他元素，但[ngStyle]似乎与[innerHTML]没有什么关系。用户可以更新fontSizeVar，并且可以在浏览器检查器中找到正确的CSS，但[innerHTML]绑定内容的大小不会改变。思考？

模板：

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

2017-05-08 trex

嗯...也许创建一个全新的docfrag（或只是元素），风格了，并将其追加到包装div（作为ViewChild访问）？ –

似乎可以在当前版本中正常工作：https：//embed.plnkr.co/FiQr8B/ – jonrsharpe

当您的内部html不从父项继承样式时可能就是这种情况。纠正我，如果我错了，但ngStyle将样式应用到它所在的元素。 –

感谢您的帮助，我想离开的情况下，任何人的回答别人运行到这个问题。

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

再次感谢！

2017-05-09 14:53:31 trex

回答