Javascript 显示静态HTML时，未在Angular 2中加载CSS链接_Javascript_Css_Angular_Angular2 Template

Javascript 显示静态HTML时，未在Angular 2中加载CSS链接

javascript css angular

Javascript 显示静态HTML时，未在Angular 2中加载CSS链接,javascript,css,angular,angular2-template,Javascript,Css,Angular,Angular2 Template,我有一个HTML页面，我想显示在Angular 2组件中。该HTML页面也包含CSS链接 <html> <head> <link rel="stylesheet" href="..../dummy.css"> </head> <body> <h1>Some dummy Heading</h1> <h2>Second line<

我有一个HTML页面，我想显示在Angular 2组件中。该HTML页面也包含CSS链接

<html>
    <head>
        <link rel="stylesheet" href="..../dummy.css">
    </head>
    <body>
        <h1>Some dummy Heading</h1>
        <h2>Second line</h2>
        <h3>Third line</h3>
        <div>
            <img height="300px" width="400px" src="Lighthouse.jpg" alt="Can not load an image :/">
        </div>
    </body>
</html>

使用上面的方法，我可以成功地在我的组件中显示HTML的内容。但我的CSS并没有得到应用（也并没有在浏览器的网络选项卡中被调用-签入）

提前感谢您的帮助/建议。

“…/dummy.css”

不是有效路径。-OP:“但这不是我使用的实际路径，只是举个例子”-我：“给我们你使用的实际路径，然后”这是实际路径-所以你的实际代码行是

？是的。当我使用危险的HTML在ReactJS中显示时，它工作得非常好。CSS被加载并应用到我的HTML上。我不知道。这取决于您的后端。但我们从不在资源URL中写入“localhost:port”，它始终是一个相对路径。然后，它取决于您使用的后端以及如何配置其路由以服务于资产。

“…/dummy.css”

不是有效的路径。-OP:“但这不是我使用的实际路径，只是举个例子”-我：“给我们你使用的实际路径，然后”这是实际路径-所以你的实际代码行是

this.sanitizer.bypassSecurityTrustResourceUrl(url);