javascript - Angular 2 登陆页面上的动态反向链接

Question

我有一个用 Angular 2 构建的项目页面，该页面是从项目列表页面链接的。我正在尝试添加一个“后退”链接，该链接将用户带回项目列表页面，并使用路由参数恢复之前的 URL。这与 Location.back() 配合得很好。但是，如果用户通过深层链接登陆项目页面，则 Location 对象中没有历史记录，因此 Location.back() 不起作用。我尝试了以下操作，因此如果 back() 函数不起作用，应用程序会触发 navigator() 函数，但一旦应用程序导航回项目页面，它就会抛出错误:

clickGoToItemsPage() {
    this._location.back();
    this._router.navigate(['ItemsPage']);
}

我得到的错误是:

EXCEPTION: Error: Uncaught (in promise): TypeError: Cannot read property 'constructor' of undefined

错误发生在第二个函数被触发并且页面位于 ItemsPage 之后。有办法解决这个问题吗？

Answer 1

不确定我理解你的问题。您可以从 this._location.back() 捕获错误，然后调用 this._router.navigate(...)。如果 this._location.back() 成功，则 this._router.navigate(...) 不会执行。这是你想要的吗？

clickGoToItemsPage() {
    try {
      this._location.back();
    } catch() {
      this._router.navigate(['ItemsPage']);
    }
}