2017-11-02 3 views
0

자체 라우팅이있는 서브 모듈이 있습니다. 의 ShowModule 및 해당 구성 요소 내에서서브 모듈의 루트 경로를 얻는 방법은 무엇입니까?

const routes: Routes = [ 
    { 
    path: 'show', 
    loadChildren: './show/show.module#ShowModule' 
    } 
]; 

어떻게 /show 인이 서브 모듈의 루트을 찾을 수 있습니다 app-routing.module (상단 모듈) 내에는 느리게 사용자가 URL /show로 이동 할 때마다로드?

라우터 링크를 생성해야합니다. 예를 들어이 Show 하위 모듈에서 'product'라는 최상위 페이지에 대한 링크를 만들고 싶습니다. 전체 URL은 /show/product이어야합니다. <a routerLink="/product">을 사용해 보았지만 전체 URL은 /product이되었습니다.

<a [routerLink]="[rootPath, 'product']">과 같은 것을 사용할 계획이지만 'rootPath'변수를 얻는 방법을 모릅니다.

+1

구성 요소에 서브 모듈'NgModel' 기본 URL을 설정 하시겠습니까? 모듈 경로와 같은 은'{path : '/'}입니다. ' –

답변

0

'(빈 경로) 당신이 쇼의 경로를 호출 할 때'당신이 만들 수있는 아이를 작성하려면한다는 점에서, 경로,하지만 먼저 호출 '너무 automaticaaly이 showModule'를 호출이처럼 서브 모듈의 경로를 만들

const routes: Routes = [ 
    { 
    path: '', 
    component:'' 
    } 
]; 
당신이

하지만 경우를 포함하는 데 필요한 showcomponent 명의 HTML의 일부에서

const routes:Routes = [ 
    { 
    path: '', 
    component: ShowComponent, 
    children: [ 
     { 
      path: 'product, 
      component: ProductComponent 
     } 
    ] 
    } 
]; 

: 같은

+0

시간을내어 주셔서 감사합니다. 그러나 그것은 내가 요구 한 것이 아닙니다. 하위 모듈에서 경로 설정에 문제가 없습니다. –

0

당신의 ShowModule의 라우터 배열은 somethink한다 당신이 ShowModule에서 구성 요소에서 액세스 할 경우 액세스하려는 경우

const routes:Routes = [ 
    { 
    path: 'product', 
    component: ProductComponent 
    } 
]; 

routerOutlet이

routerOutlet="show/product" 

Otherway을해야합니다 : 당신이이 방법을 생략 할 수있는 showcomponent 명을 가지고 싶지 않아 ShowModule 내에서 routerModule은

이어야합니다.
routerOutlet="product" 

희망이 있습니다.

+0

시간을내어 주셔서 감사합니다.하지만 그건 내가 요구 한 것이 아닙니다. 하위 모듈에서 경로 설정에 문제가 없습니다. –