ネストされたルーティングリンクアンギュラ4

Question

これは私の現在の設定です：だから

- app (Folder) 
    - app-routing.module.ts (File) 
    - client (Folder) 
     - client-routing.module.ts (File) 
      - service (Folder) 
       - service-routing.module.ts (File) 
       - service1.componenent.ts (File) 
       - service2.componenent.ts (File) 

、私はservice1.componenet内router.navigateByUrlを使用している場合、今、私はこのようにそれを行う必要があるでしょう：私はそう「親」を知ってROUのを入れ子にルーティング・モジュールを維持する必要があります

this.router.navigateByUrl('/client/service2'); 

parentRouteそれは、ネストされた路線の集大成だ

this.router.navigateByUrl(parentRoute + '/service2'); 

：TEが後で問題になるかもしれませんが、私は、より効率的なソリューションコピーではなく、全体のルート、のようなものがあるかどうかを知りたいと思いました。

Answer 1

service1componentのActivatedRouteを試してみることができます。 このようなもの：

import { Router, ActivatedRoute } from '@angular/router'; 

@Component({ 
... 
}) 
export class Service1Component { 
constructor(
    private _router:Router, 
    private _route: ActivatedRoute 
){} 

... 

    navigate(){ 
    this._router.navigate(['./service2'],{ 
     relativeTo: this._route 
    }); 
    } 
}