如何将styleUrls设置为另一个文件夹中的CSS文件？

Question

我有组件src/app/admin/create-company/create-company.component.ts 和CSS文件src/app/shared/layouts/admin/admin.component.css

如何在styleUrls的{​​{1}}中使用此CSS

我已经尝试过的事情：

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

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