Angular 2 - 替换历史而不是推送

Question

如何替换历史记录而不是在 Angular 2 的新路由器 (rc.1) 中推送新的？

例如，我在问题列表中 (/questions) 在新路线中打开新模式 (/questions/add)，添加新问题后，我转到问题视图 (/questions/1)。如果我回击，我想转到/questions 而不是/questions/add

Answer 1

您想使用 Locations 类中的 replaceState

https://angular.io/docs/ts/latest/api/common/index/Location-class.html#!#replaceState-anchor

Answer 2

如果你使用

router.navigate

然后

location.replaceState

使用完全相同的路径，您可以触发通常发生的更改，以及替换历史记录。

例如，在您的情况下：

this.router.navigate(['questions/1']);
this.location.replaceState('questions/1');

如果你需要为路由添加参数，你可以使用创建位置的url

router.serializeUrl(router.createUrlTree(/* what you put in your router navigate call */));

在你的例子中：

this.router.navigate(['questions/1', {name:"test"}]);
this.location.replaceState(this.router.serializeUrl(this.router.createUrlTree(['questions/1', {name:"test"}])));

更新

似乎 Angular 路由器现在带有 replace url option。在您的示例中：

this.router.navigate(["questions/1"], {replaceUrl:true});

更新 2

当前有一个issue，在短时间内完成多次导航可能无法正确替换 URL。作为临时解决方法，将导航功能包装在超时中，以使每个功能在单独的循环中触发：

setTimeout(()=>{
    this.router.navigate(["questions/1"], {replaceUrl:true});
});