Angular2 router with param reload page change get CSS file directory

Question

Обычно, если я нажимаю ссылку на ссылку домашней ссылки на ссылку, например <a routerLink="/detail/{{record.TA001}}">, она работает хорошо, и файл css получил очень хорошо.

Как только я обновляю эту страницу подробностей, например localhost:3000/detail/0006 , он получил данные в порядке, но получить файл CSS, чтобы изменить каталог на детали вместо корневого каталога, не удалось получить файл CSS. Мой компонент детали находится в каталоге app/content.

Мой файл index.html и CSS в корневой директории проекта. маршрутизатор:

const appRoutes: Routes = [ 
    { 
    path: 'contact', 
    component: Contactcomponent 
    }, 
    { 
    path: 'detail/:id', 
    component: Detailcomponent 
    }, 
    { path: '', 
    component: Contentcomponent 
    } 

Мой каталог проекта выглядит так:

Answer 1

я знаю, как решить эту проблему, просто маршрутизатор директива/детали/0005/изменение 0005, он проснулся хорошо. Я думаю, что это был маршрутизатор для root, поэтому вы просто можете использовать один уровень просто отлично. Он не может использовать двухуровневый подход, если u маршрутизатор не для root, он может его использовать.

Answer 2

Если вы хотите использовать относительный путь вместо того чтобы вычислять каждый раз, когда абсолютное один (с ../ ../../ и т.д.), вы должны использовать moduleID свойство в вашем компоненте декларации, как описано here.

Answer 3

Check Если u включает base href = "/" в index.html перед включением css/stylesheet