Question

所以从Load external css style into Angular 2 Component看来，将外部网址中的css放入styleUrls []中就可以使用角度为2.但它不适用于Angular（它只是搜索目录下的css表单））。我找不到任何关于此的文档，所以我现在只是将其硬编码到整个index.html页面中。如何让它适用于各个组件？

编辑：澄清一下，通过外部css我的意思是这样的：https://www.w3schools.com/w3css/4/w3.css，而不是我项目中包含的内容。

Answer 1

我知道这是一个迟到的答案，但如果有人寻求解决方案：
如果在app文件夹中使用nodeJS，则可以使用命令行：

npm install --save w3-css

您应该在应用的angular-cli.json文件夹中调整src，然后在以下位置注册样式类型：

"styles": [
        "../node_modules/w3-css/w3.css",
        "styles.css"
      ],

Answer 2

用于包含特定组件的外部css（远程URL）。我只是这样找到的。例如，对于您的应用组件。

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})

在您的app.component.scss中，您可以导入一个远程网址，其中包含您正在评论的此css文件所需的远程样式。

@import url('https://www.w3schools.com/w3css/4/w3.css');

即使认为它不是一个完美的解决方案，希望它有所帮助。

在Angular（4）app组件中包含外部css

2 个答案: