是否有可能以角度方式從ActivatedRoute中收集所有參數？

Question

我正在創建和角度4應用程序。恰巧我需要從我的URL中獲取不同深度級別的參數，從而導致我不能獲得參數。

假設我們有這樣的URL：

https://mysite/companies/:companyID/cups/:cupId/drawings/:drawId 

通常，根據角文檔，我們需要做的是這樣的：

ngOnInit() { 
this.activatedRoute.parent.parent.params.subscribe((params: Params) => 
{this.companyId = params['companyId']; 
}); 
this.activatedRoute.parent.params.subscribe((params: Params) => 
{this.cupId = params['cupId']; 
}); 
this.activatedRoute.params.subscribe((params: Params) => 
{this.drawId = params['drawId']; 
}); 
} 

注意，這是考慮到我們是DrawDetailComponent內，這意味着我們在這個層次結構的最後一個子元素中。

另請注意，根據您在此層次結構中的深度，您將需要添加|減去.parent到您的activatedRoute以處於正確的位置，您可以成功獲得您正在尋找的參數。

那麼，是否有可能從你的網址使用同一個電話的所有參數？

喜歡的東西：

this.activatedRoute.parent.parent.params.subscribe((params: Params) => 
    {this.companyId = params['companyId']; 
    {this.cupId = params['cupId']; 
    {this.drawId = params['drawId']; 
}); 

我們希望有一個統一的，從我們的網址檢索所有的參數不依賴於深度的方式。

其實我們也嘗試過這樣的：

const property = 'companyId'; 
this.activatedRoute.pathFromRoot.forEach((item) => { 
    if (item.snapshot.params.hasOwnProperty(property)) { 
    item.params.subscribe((params: ParamMap) => { 
     this.companyId = params[property]; 
    }); 
    } 
}); 

但是，我們希望找到一個更好的，更通用的，可測試的方式。

通常，在像Django這樣的框架中，開發人員能夠在一個步驟中收集來自url所需的所有信息。在Angular的情況下，訂閱可以自動處理這些參數的變化，但恕我直言，它遠不夠舒適+可測試。

Answer 1

我認爲你應該能夠做這樣的事情：

this.activatedRoute.params.subscribe(params => { 
    this.companyId = params['companyId']; 
    this.cupId = params['cupId']; 
    this.drawId = params['drawId']; 
}); 

我曾在我的應用程序類似於此的運氣。請注意，我不會去父母。激活的路線應該有你需要的一切。

希望這會有所幫助！