同じページの2つのコンポーネントからのルートパラメータへのアクセス

Question

私は、ルートパラメータにかなりのテキストブックサブスクリプションを実装するコンポーネントを（以下に示すように）持っています。

export class tutorialComponent implements OnInit, OnDestroy { 
    private sub: Subscription; 
    public chapter: string; 

    constructor(private route: ActivatedRoute) {} 

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

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

ただし、ルート上：私は、ブラウザからng.probe($0).componentInstanceを実行する場合（チュートリアルCMPを選択した）http://localhost:3000/tutorial/chapter/0、その後、私は章を参照してくださいすることができます=未定義 - なぜですか？

また、this.chapter = +params['id'];を使用した場合、章= NaN？

更新：

私は2つのコンポーネント、親（チュートリアル）と子（章）コンポーネントを持っています。両方とも同じを持っている：

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

しかし、子コンポーネントが正しくchapterを表示しますか？

Answer 1

ドキュメントあたりの提案方法はroute.snapshot使用することです：

this.validationCode = route.snapshot.params['id']; 

作業アプリからです...

Answer 2

あなたはこのような数値にparams['id'];を変換する必要があります。

this.chapter = +params['id'];