您正在寻找ViewEncapsulation.Native
. 您将需要创建一个自定义组件,该组件仅包含您要注入 innerHTML 的 DOM 元素。
将此 ViewEncapsulation 设置为 Native 意味着它会创建 Shadow DOM,并确保它成为父元素并且所有样式和 DOM 引用都包含在其自身中。
将 ViewEncapsulation 设置为 Native 的示例。您将在此处提供您的 DOM 和 innerHTML 注入:
import { Component, OnInit } from '@angular/core';
import { ViewEncapsulation } from '@angular/core';
@Component({
selector: 'app-my',
templateUrl: './my.component.html',
styles: [
`h1 {
color: #367;
font-family: Arial, Helvetica, sans-serif;
font-size: 250%;
}
`],
encapsulation: ViewEncapsulation.Native
})
export class MyComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}