2017-06-04 9 views
3

"product /:id"、 を使用して、この "sample.com/product/45"と同様のリンクからパラメータを取得します。 :ここでは角度2の "/:params"を使用してパラメータを取得する方法

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

は、コンポーネントクラス

私は(CONSOLE.LOGしようとした
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(); 
    } 
} 

)IDです、私未定義

+0

経路パラメータが表示されますか。 – Sajeetharan

+0

はいいいえ、私がリンクを訪問したときに表示され続けます – Saad

+0

デバッグ時にngOnitの内側に来ませんか? – Sajeetharan

答えて

2

、これを試してしまいました210
ngOnInit() { 
    this.id = this.activatedRoute.snapshot.params["id"]; 
} 
関連する問題