styleUrls在Angular 2.4中不起作用

Question

我正在使用Angular 2.4并且我在index.html文件中链接了一些CSS文件，但它们是我不希望它们设置样式的样式区域，因此我决定将它们与styleUrls关联起来它们只适用于该特定组件。完成此操作后，我的样式不再适用于任何地方。我尝试用styleUrls以几种不同的方式将它们链接起来，但无法让它起作用。

以下是我使用的文件及其所在位置：

• 应用程序/仪表板/ calendar.component.ts
• app / Dashboard / calendar.component.html
• 应用程序/仪表板/ omega.theme.css
• 应用程序/仪表板/ primeng.min.css

这是我的代码：

calendar.component.ts：

@Component({
    moduleId: module.id,
    selector: 'calendar',
    templateUrl: 'calendar.component.html',
    styleUrls: ['omega.theme.css', 'primeng.min.css']
})
export class CalendarComponent implements OnInit, OnDestroy {
    ...
}

正如您所看到的，我希望omega.theme.css和primeng.min.css仅应用于我的calendar.component.html文件，但我的代码无效。我做错了什么？

Answer 1

将网址修改为

 styleUrls: ['./omega.theme.css', './primeng.min.css']