Как установить styleUrls для css файла из другой папки?

Question

У меня есть компонент src/app/admin/create-company/create-company.component.ts и файл css src/app/shared/layouts/admin/admin.component.css

Как я могу использовать этот CSS в styleUrls из create-company.component.ts

Вещи, которые я уже пробовал:

src/app/shared/layouts/admin/admin.component.css
./src/app/shared/layouts/admin/admin.component.css
../src/app/shared/layouts/admin/admin.component.css

app/shared/layouts/admin/admin.component.css
./app/shared/layouts/admin/admin.component.css
../app/shared/layouts/admin/admin.component.css

и т.д.

Также я попробовал прямую папку: /Users/Vladimir/Workspaces/Project/coupon-system-client/src/app/shared/layouts/admin/admin.component.css

Answer 1

Это относительный путь. Таким образом, вы должны вернуться к первой общей папке с другим каталогом.

Если вы хотите получить доступ к admin.component.css из create-company.component.ts - это должен быть относительный путь:

../../../shared/layouts/admin/admin.component.css

Первая общая папка - папка app, к которой вы обращаетесь следующим образом:

../../../

Answer 2

Поскольку требуемый файл CSS, на который вы хотите сослаться, присутствует в разных папках вместе, вы должны перейти к этой папке, используя ../. Сначала перейдите к папке app, используя ../../../, затем перейдите далее.

../../../shared/layouts/admin/admin.component.css