각도로 서브 모듈을 기준으로 이동

Question

다른 URL 접두사가있는 중첩 모듈이 있습니다. 이제 접두어를 지정하지 않고 한 모듈 내에서 탐색하려고합니다 (내 모듈에서 어느 접두사에 액세스 할 수 있는지 알고 싶지 않습니다). 이 내 nested.module에 대한 경로입니다

const APP_ROUTES: Routes = [ 
    { 
     path: '', 
     children: [ 
      { path: '', component: MainComponent }, 
      { path: 'nested', loadChildren: 'app/nested/nested.module#NestedModule' } 
     ] 
    } 
]; 

export const routing = RouterModule.forRoot(APP_ROUTES, { useHash: true }); 

:

이

은 내 app.module에 대한 경로입니다

지금은/#/중첩에서 탐색하는 예를 들어 원하는

const APP_ROUTES: Routes = [ 
    { 
     path: '', 
     component: NestedComponent, 
     children: [ 
      { path: '', component: NestedSubComponent }, 
      { path: 'sub', component: NestedSubComponent }, 
      { path: 'sub/:id', component: NestedSubComponent } 
     ] 
    } 
]; 

export const routing = RouterModule.forChild(APP_ROUTES); 

/sub에서/#/nested/sub/123으로 변경하십시오. 이것을 어떻게 할 수 있습니까? 나는 내 서브 모듈에 중첩되어 있는지 (예 : 서브 루틴이// sub인지// sub/: id인지) 또한 중첩 된 접두어를 사용하고 싶지 않다는 것을 알지 못합니다. 다른 서브 모듈에도 사용할 수 있습니다.

Answer 1

Router.navigate() 메서드의 두 번째 매개 변수를 사용하여 relativeTo 옵션을 지정하면 해당 경로로 상대적으로 탐색합니다.

constructor(private router: Router, 
      private activatedRoute: ActivatedRoute) {} 

goDeeper() { 
    this.router.navigate(['next-nested-route'], {relativeTo: this.activatedRoute}); 
} 

goBack() { 
    this.router.navigate(['../'], {relativeTo: this.activatedRoute}); 
} 

또한 ActivatedRoute 암시, 그냥 첫 번째 슬래시를 넣지 마십시오 설정 한 routerLink 지시어를 사용할 수 있습니다. 각 문서에

<a routerLink="/next">absolute</a> 
<a routerLink="next">relative next</a> 
<a routerLink="..">relative back</a> 

이것에 대해 더 :