在Angular应用程序中包含所有css的HTML网页

我是Angular的新手，试图解决在Angular应用程序中显示HTML网站的问题。 包含图像、css文件等所有资源的网页存储在外部服务器上。网站包含文本、图像、自己的样式、css等。当我在web浏览器中打开这样的网站时，Everythink可以很好地工作。当我试图在我的应用程序中显示这样的页面时，很多问题都没有得到解决

我使用innerHtml在应用程序中显示页面：

<div [innerHtml]="content"></div>

在显示之前，所有链接都将更改为直接链接。显示文本和图像，但不应用样式。可能问题在于.css的链接位于中。您可以尝试阅读Angular的文档，了解在html中使用DOMSanizer的含义，然后再将其放入html中

在组件中，注入DomSanitizer并绕过安全性：

safeContent;
constructor(private sanitizer:DomSanitizer){
    const content = "your html";
    this.safeContent = this.sanitizer.bypassSecurityTrustHtml(content);
}

在您的html中：

<div [innerHtml]="safeContent"></div>

---

我认为你需要使用消毒剂好了，现在它可以工作了，但是样式应用于我的应用程序中的所有元素。是否可以仅将这些样式应用于从服务器返回的HTML？该应用程序由菜单、其他元素和窗口组成，我决定在其中显示来自服务器的HTML。当我使用DomSanitazer时，HTML内容以正确的方式显示，但样式也应用于应用程序中的其他元素。Native使之成为可能，并且样式不会应用于应用程序的其余部分。