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

回答