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

Question

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

    /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

我需要改变什么？

Answer 1

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

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