Erste Route-Parameter in Service

Question

Ich möchte einen Service haben, die eine beobachtbare Variable abhängig von der aktuellen URL haben.

:programID     -- program overivew 
:programID/bug    -- bug list 
:programID/bug/:bugID  -- bug overview 

Wo programID an irgendeiner Stelle wechseln. Ich habe einen Dienst gemacht, dass von dem, was ich von angular docs verstanden, sollte eine beobachtbare mit Parametern machen

ProgramService: (Auszug)

currentProgramID: number 

constructor(
    private router: Router, 
    private route: ActivatedRoute, 
    private http: Http){ 

    this.route.params.subscribe((params: Params) => { 
     console.log('Parent:', params['programID']) 
    }) 

    this.route.children[0].params.subscribe((params: Params) => { 
     console.log('Childern:', params['programID']) 
     // Works if loaded while at url : 'abc123/bug/abc123' 
    }) 

    this.route.params.subscribe((params: Params) => { 
     console.log('Hacky?:', this.route.snapshot.params['programID']) 
    }) 
} 

Komponenten, die aktuelle Programm-Referenz benötigen: (Auszug)

program: Promise<program> 

constructor(
    private programService: ProgramService, ...){} 

ngOnInit() { 
    this.program = this.programService.getProgram(/*current program*/) 
    ... 
} 

Allerdings bekomme ich nur die programID einmal, und das, wenn die Seite mit der richtigen URL geladen wird. Ich komme nicht einmal nach der Navigation.

Danach werde ich zu switchMap wechseln, aber zu Testzwecken war dies mehr vorhanden.

Answer 1

Sie können router.events und router.routerState.snapshot.root.firstChild verwenden die params zu lesen:

@Injectable() 
class ProgramService { 
    programId:string; 
    constructor(
    private router: Router, 
    //private http: Http 
    ){ 

    this.router.events 
    .filter(e => e instanceof NavigationEnd) 
    .forEach(e =>{ 
     var firstChild = router.currentRouterState.snapshot.root.firstChild; 
     console.log(firstChild.params); 
     console.log(firstChild.firstChild && firstChild.firstChild.firstChild && firstChild.firstChild.firstChild.params); 
     var newProgramId = firstChild.params['programID']; 
     if(this.programId != newProgramId) { 
     this.programId = newProgramId; 
     this.programService.getProgram(this.programId); 
     } 
    }); 

Plunker example