css - 使用 styleUrls 在 AngularJS2 中导入样式

Question

当我在 Angularjs2 中的 index.html 文件中使用样式链接时，界面工作正常:

<link rel="stylesheet" type="text/css" href="src/path/to/css/global.css"  />

但是，当我删除该行并将样式直接包含在组件的“styleUrls”部分中时，如下所示，它不起作用:

    @Component({
       selector: 'app-d3',
       templateUrl: './my.component.html',
       styleUrls: [
              'src/path/to/css/global.css',
       ]
    });

我可以看到样式已经导入到页面中(使用样式标签)，但是程序无法读取它。我有几个 css 文件，我想以这种方式包含它们。有什么想法吗？

Answer 1

styleUrls 路径是相对于您的组件 ts 文件的。我认为您需要向上移动一些文件夹。像这样的东西:

styleUrls: [ '../../css/global.css