param reload 페이지 변경이있는 Angular2 라우터는 CSS 파일 디렉토리를 얻습니다.

일반적으로 <a routerLink="/detail/{{record.TA001}}">과 같은 세부 링크에 대한 홈 링크의 링크를 클릭하면 제대로 작동하고 CSS 파일이 잘 처리됩니다.param reload 페이지 변경이있는 Angular2 라우터는 CSS 파일 디렉토리를 얻습니다.

localhost:3000/detail/0006 과 같이이 세부 정보 페이지가 새로 고쳐지지만 CSS 파일은 CSS 파일을 가져올 수 없으므로 CSS 파일은 디렉토리를 루트 디렉토리로 변경합니다. 내 세부 구성 요소는 app/content 디렉토리에 있습니다. 프로젝트의 루트 디렉토리에

는

enter image description here

내 index.html 및 CSS 파일. 라우터 :

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

내 프로젝트 디렉토리는 다음과 같이이다 :

내가이 문제를 해결하는 방법을 알고 enter image description here

출처

2016-10-13 percinor

http://stackoverflow.com/questions/31415052/angular-2-0-router-not-working-on-reloading-the -browser/36310728 # 36310728 –

, 단지 라우터 지침/세부/0005 변화/0005, 그것은 보니 좋아. 나는 라우터에 대한 루트 라우터 그래서 만약 당신이 단지 한 수준을 사용할 수있는 것 같아요. 두 가지 수준의 approch를 사용할 수 없습니다, 루트에 대한 라우터가 아니라면, 그것을 사용할 수 있습니다.

출처

2016-10-16 14:46:59 percinor

here.

출처

2016-10-16 16:16:38 jspassov

확인 설명 된대로 당신은 당신이 당신의 구성 요소 선언의 moduleID 속성을 사용한다 대신마다 (../ ../../ 등 포함) 절대 하나를 계산하는 상대 경로를 사용하려면 u가 CSS.h/스타일 시트를 포함하기 전에 index.html에 기본 href = "/"를 포함하면

출처

2017-01-23 07:17:03

param reload 페이지 변경이있는 Angular2 라우터는 CSS 파일 디렉토리를 얻습니다.

답변

관련 문제