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

Question

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

如何在 create-company.component.ts 的 styleUrls 中使用此 css

我已经尝试过的事情:

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

它是一个相对路径。所以你必须回溯到第一个与其他目录共享的文件夹。

如果你想从 create-company.component.ts 访问 admin.component.css - 这应该是相对路径:

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

第一个共享文件夹是 app 文件夹，您可以这样访问它:

../../../