Angular 2：防止路由器添加到历史记录答案

【问题标题】：Angular 2: Prevent router from adding to historyAngular 2：防止路由器添加到历史记录
【发布时间】：2017-02-03 16:09:59
【问题描述】：

我们有一个客户在我们的应用程序中使用 iFraming 到他们的网站。他们不希望我们应用程序中的路由器导航影响他们自己网站的后退按钮导航。

我们尝试了几种方法，包括使用发布消息来尝试让 iFrame 在触发 history.back() 时与父窗口通信。

我的问题是，在使用 Angular 2 的路由器时，是否有任何简单的方法可以不影响浏览器的历史记录。据我所知，我在 Angular 2 的高级路由器文档中找不到任何内容：https://angular.io/docs/ts/latest/guide/router.html

【问题讨论】：

【解决方案1】：

事实证明，Angular 2 的路由有一种内置方式可以跳过向历史添加状态。我们实际上发现它检查了编辑器智能感知中的随机属性。

我们的路由代码必须来自：

this.router.navigate([`/myPage/${this.Id}`], { relativeTo: this.route });

到：

this.router.navigate([`/myPage/${this.Id}`], { relativeTo: this.route, skipLocationChange: true });

【讨论】：

【解决方案2】：

此外，NavigationExtras 中还有一个选项，允许将历史中的当前状态替换为新状态：

this.router.navigate(['/view'], {replaceUrl: true});

【讨论】：