styleUrls не работает в Angular 2.4

Question

Я использую Angular 2.4, и у меня были некоторые файлы CSS, связанные в моем файле index.html, но они были областями стилизации, которые я не хотел, чтобы они были в стиле, поэтому я решил связать их с styleUrls, чтобы они применимы только к этому конкретному компоненту. После этого мои стили больше не применяются. Я попытался связать их несколькими разными способами с styleUrls, но не могу заставить его работать.

Вот файлы, которые я использую, и где они расположены:

• приложение/Панель приборов/calendar.component.ts
• приложение/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

Изменить URL-адрес, как

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