在 Angular 中設定 InnerHTML 樣式
在 Angular 中設定 innerHTML 時,您可能會遇到應用樣式不正確的問題。這是由於 Angular 的封裝機制,預設會阻止內部 HTML 內容繼承樣式。
要解決此問題,您可以將元件的封裝屬性變更為「None」。這允許將元件中定義的樣式套用至內部HTML內容。
具體操作方法如下:
透過將封裝設定為“None”,您可以在任何地方定義樣式在您的元件或單獨的CSS 檔案中,Angular 在渲染insideHTML 內容時會自動將它們新增至DOM。
以上是如何在 Angular 中將樣式套用至 InnerHTML?的詳細內容。更多資訊請關注PHP中文網其他相關文章!