如何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); 
} 

我希望你看到这个前这对我和其他答案都是非常有帮助的。