如何router.navigate到路由具有id佔位inmidst路線網址

Question

我有一個路線網址，如：

/departments/:id/employees/assign' 

，當我瀏覽到上述網址：

this._router.navigate(['/departments/:id/employees/assign', id]); 

然後角始終將傳遞的ID附加到URL的末尾，但這不是我想要的。

當我嘗試這個

this._router.navigate(['/departments/:id/employees/assign', {id: id}]); 

我得到這個網址在瀏覽器：

http://localhost:4200/departments/%3Aid/employees/assign;id=1 

我想要的網址是在瀏覽器：/departments/1/employees/assign

我有什麼要更改？

Answer 1

使用模板文字，形成動態URL是這樣的：

[`/departments/${id}/employees/assign`] 

Answer 2

根據DOC https://angular.io/docs/ts/latest/api/router/index/Router-class.html，你應該選擇要麼用戶navigateByUrl：

router.navigateByUrl（ 「/部門/：ID /員工/分配」）;

或分割URL的組件部分：

router.navigate（[ '部門'，1， '僱員'，分配]，{對於relativeTo：路線}）;

Answer 3

如果你想使用一個鏈接，然後： 在HTML有：

<button type="button" id="btnOpenLine" class="btn btn-default btn-sm" ng-click="orderMaster.openLineItems()">Order Line Items</button> 

了打字稿文件

public openLineItems() { 
    if (this.$stateParams.id == 0) { 
     this.Flash.create('warning', "Need to save order!", 3000); 
     return 
    } 
    this.$window.open('#/orderLineitems/' + this.$stateParams.id); 
} 

我希望你看到這個前這對我和其他答案都是非常有幫助的。