使用Angular 2 RC5路由器，在给定ActivatedRouteSnapshot的情况下，如何导航？

Question

用户可以在不登录的情况下访问我网站的某些部分。如果他们单击下载按钮并登录，下载会自动开始。但是，如果他们单击下载按钮但未登录，我想提示他们登录。一旦他们登录，我希望他们直接返回他们之前的路线。

当一个“匿名”用户单击下载按钮时，会给他们一个模式，并提示他们登录。如果他们决定登录，我会在本地存储中存储一些对象（是否认为ActivatedRouterSnapshot可以？）。登录后，我将检查本地存储中是否有存储在Stashedroote下的对象。如果有，我会用它导航他们回到原来的路线！

鉴于：

import { Router } from '@angular/router';

和

private someRoute: ActivatedRouterSnapshot;

constructor(private _router: Router) {}

我想：

<代码>此_路由器。导航（someRoute）

执行上述操作或获得存储路由和重新导航到路由的相同功能的语法是什么？

Answer 1

我有一个类似的问题，并通过以下方式解决了它。flatten来自洛达什，Route是您的ActivatedRoute。它不是很好，但它现在可以工作。您可能希望使用flattenDeep来适应深度嵌套的路由。

const route = flatten(route.pathFromRoot.map(r => r.url)).map(s => s.path);
this.router.navigate(route);

Answer 2

我认为您需要一些类似历史的东西来返回路线，您可以使用下面描述的代码

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


@Component(...)

class AppCmp {
  constructor(private _location: Location) {
  }
  backClicked() {
    this._location.back();
  }
}