Wie bekomme ich Parameter mit "/: params" in Angular 2

Question

Ich möchte Parameter von einem Link ähnlich "sample.com/product/45" mit "Produkt /: ID", erhalten Hier ist meine Route Erklärung :

export const routes: Routes = [ 
    { path: 'product/:id', component: Product } 
]; 

Hier ist die Komponentenklasse

export class Product implements OnInit, OnDestroy { 
    id: number; 
    private sub: any; 

    constructor(private route: ActivatedRoute) {} 

    ngOnInit() { 
    this.sub = this.route.params.subscribe(params => { 
     this.id = +params['id']; 

     console.log(this.id); //I get undefined here 
    }); 
    } 

    ngOnDestroy() { 
    this.sub.unsubscribe(); 
    } 
} 

als ich versuchte, die ID zu console.log(), i dieses

Answer 1

Versuchen Sie, nicht definiert wurde

ngOnInit() { 
    this.id = this.activatedRoute.snapshot.params["id"]; 
}