angular - 如何 router.navigate 到路由 url 中带有 id 占位符的路由

标签 angular angular2-routing

我有一个路由网址,例如:

    /departments/:id/employees/assign'

当我导航到上述网址时:

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

然后 Angular 总是将传递的 id 附加到 url 的末尾,但这不是我想要的。

当我尝试这个时

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

我在浏览器中得到这个网址:

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

我希望浏览器中显示网址:/departments/1/employees/assign

我需要改变什么?

最佳答案

使用模板文字形成动态 URL,如下所示:

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

关于angular - 如何 router.navigate 到路由 url 中带有 id 占位符的路由,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39839072/

相关文章:

JavaScript + MEAN 堆栈 : How to properly find "_id" field (not "id") in array?

javascript - 如何避免 Angular 4 应用程序中的图像旋转

angular - 使用嵌套模块的路由应该如何在 Angular 2 中工作?

Angular 2/Dart : Binding multiple events at once

javascript - 图像路径在我的 Angular 4 文件中不起作用

css - 样式化 ng-invalid select2 元素

angular - 如何在惰性加载模块中提供服务并将该服务的范围限定为惰性加载模块及其组件?

angular - 使用自定义匹配器限制路由

javascript - Angular2 v3 组件路由器 : TypeError: Cannot read property 'split' of undefined

Angular 2 路由器错误 : Invalid configuration of route 'undefined'