问在Angular 2 Route中将Id更改为Name

EN

尝试使用Location对象。

import { Location } from '@angular/common';

constructor(public location: Location) {}

当您想在不重定向或导航路由器对象的情况下更新窗口URL时，请放置以下内容：

this.location.go('vitamins');

这应该在你的基本url后面写上'vitamins‘。

我可能只会链接到<a [routerLink]="'/product'">Vitamins</a>。将其设置为可选，并在组件或服务中处理这种情况(如果没有传递id，则将其设置为1)

在其他情况下，你可能希望url看起来像http://myexample.com/vitamins/2，否则直接链接是不可能的(或者你怎么传递参数呢？)例如，如果您不想将url加入书签或进行硬重新加载。

一个不错的方法是使用location.go('/vitamins'); (Location Docs)，它会更改地址栏中的url，但不会触发angular router的任何路由更改。我称它为hacky，因为它可能有副作用，比如如果你在特定的路线上，会有书签/重新加载问题(当然你可以用另一种方式来解决这个问题，比如说在localStorage中临时保存当前的路线参数)。

希望我能帮上忙。