如何在 Angular 中將樣式套用至 InnerHTML？

在 Angular 中設定 InnerHTML 樣式

在 Angular 中設定 innerHTML 時，您可能會遇到應用樣式不正確的問題。這是由於 Angular 的封裝機制，預設會阻止內部 HTML 內容繼承樣式。

要解決此問題，您可以將元件的封裝屬性變更為「None」。這允許將元件中定義的樣式套用至內部HTML內容。

具體操作方法如下：

透過將封裝設定為“None”，您可以在任何地方定義樣式在您的元件或單獨的CSS 檔案中，Angular 在渲染insideHTML 內容時會自動將它們新增至DOM。

以上是如何在 Angular 中將樣式套用至 InnerHTML？的詳細內容。更多資訊請關注PHP中文網其他相關文章！