從同一頁面上的兩個組件訪問路由參數

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(); 
    } 
} 

然而，路線：http://localhost:3000/tutorial/chapter/0如果我從瀏覽器中運行ng.probe($0).componentInstance（在選擇教程CMP），那麼我可以看到章=未定義 - 爲什麼？

此外，如果我使用this.chapter = +params['id'];，那麼chapter = NaN？

更新：

我有兩個組成部分，一個父（教程）和兒童（章）的組成部分。兩者相同：

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'];