Angular 2 get routeParams in einem Service

Question

Ich möchte die Logik von Komponente zu Service verschieben. Aber ich habe herausgefunden, dass ich die routeParams nicht in einem Service bekommen kann.

Meine Komponente sieht aus wie

import { Component, OnInit }  from '@angular/core'; 
import { ActivatedRoute, Params } from '@angular/router'; 

import { MyService }    from '../services/my.service'; 

@Component({ 
    moduleId: module.id, 
    templateUrl: 'my.component.html', 
    styleUrls: ['my.component.css'] 
}) 
export class MyComponent implements OnInit { 
    constructor(private myService: MyService, private route: ActivatedRoute) {;} 

    public ngOnInit() { 
    this.route.params 
     .subscribe((params: Params) => { 
     debugger; 
     console.log(params); 
     }); 
    this.myService.getParams() 
     .subscribe((params: Params) => { 
     debugger; 
     console.log('Return1:'); 
     console.log(params); 
     }, (params: Params) => { 
     debugger; 
     console.log('Return2:'); 
     console.log(params); 
     },() => { 
     debugger; 
     console.log('Return3:'); 
    }); 
    } 
}; 

Mein Service sieht aus wie

import { Injectable }      from '@angular/core'; 
import { Params, ActivatedRoute }   from '@angular/router'; 

import { Observable }      from 'rxjs'; 

@Injectable() 
export class MyService { 
    constructor(private route: ActivatedRoute) {;} 

    public getParams(): Observable<Params> {  
    this.route.params.subscribe((params: Params) => { 
     debugger; 
     console.log('Service1:'); 
     console.log(params); 
    }, (params: Params) => { 
     debugger; 
     console.log('Service2:'); 
     console.log(params); 
    },() => { 
     debugger; 
     console.log('Service3:'); 
    }); 
    return this.route.params; 
    } 
}; 

Wenn ich mich debuggen kann sehen, dass params in der Komponente und leer in Betrieb gefüllt sind. Das ist das Ergebnis

Component: 
Object {param: "1"} 
Service1: 
Object {} 
Return1: 
Object {} 

Ich benutze Angular 2.0.0. Warum der Unterschied in Komponente und Service? Ist es möglich, Params in einem Service zu bekommen?

EDIT: https://github.com/angular/angular/issues/11023

Answer 1

Wir ActivatedRoute passieren können von der Komponente zu bedienen . Dann abonnieren Sie route.params in der Serviceklasse

Answer 2

das Problem ist die

return this.route.params; 

die Strecke params in diesem Moment nicht bereit sind -> Observablen -> Asynchronität

Answer 3

Gemäß this müssen Sie den Routenbaum durchqueren und die Daten von der Route am Ende des Baumes abrufen.

@Injectable() 
export class MyService{ 

    constructor(private router:Router,private route:ActivatedRoute){ 
    this.router.events 
    .filter(event => event instanceof NavigationEnd) 
    .subscribe((event) => { 
     let r=this.route; 
     while (r.firstChild) { 
      r = r.firstChild 
     } 
     //we need to use first, or we will end up having 
     //and increasing number of subscriptions after each route change. 
     r.params.first().subscribe(params=>{     
      // Now you can use the params to do whatever you want 
     });    


    });    
    } 
}