在Angular 2组件中添加样式表

Question

我尝试添加封装在特定组件中的样式表，以免污染样式表规则的全局范围。我有一系列小部件，每个小部件都需要不同的第三方样式表。最后可能有数百个小部件，每个小部件都按需加载。很明显，以下代码应该可以工作，并且index.css和material.scss都应该与我的组件捆绑在一起，并且它们的规则将从应用程序的其余部分封装。

@Component({
  templateUrl: 'data-table1-widget.component.html',
  styleUrls: [
    'data-table1-widget.component.sass',
    '../../../assets/css/ngx-datatable/index.css',
    '../../../assets/css/ngx-datatable/material.scss',
    'test.css'
  ]
})

但是，如果正确包含index.css或material.css，我绝对不会看到我的期望。我没有关于丢失文件的错误，但我没有看到索引或材料的应用规则。但是，如果您从主styles.sass中包含它们，它们会起作用。我在这里错过了一些东西吗？如何将多个样式表加载到我的组件中？ Index.css工作正常，所以它让我想知道是否有关于如何定义规则使它们无法工作的事情。