使用Angular 2 RC5路由器，给定ActivatedRouteSnapshot，如何导航？

Question

Use Case

The user can access certain parts of my site without being logged in. If they click a download button and are logged in, the download starts automatically. However, if they click the download button and are not logged in, I'd like to prompt them to login. Once they're logged in, I'd like them to be sent straight back to the route they were previously on.

How I'm trying to accomplish it

When an "anonymous" user clicks a download button, they're given a modal with a prompt to login. If they decide to login, I'll stash some object in local storage (was thinking an ActivatedRouterSnapshot would do?). After login, I'll check to see if there's an object stored under stashedRoute in local storage. If there is, I'll use it to navigate them back to their original route!

What I want to do

Given:

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

and

private someRoute: ActivatedRouterSnapshot;

constructor(private _router: Router) {}

I want to:

this._router.navigate(someRoute)

The question

What is the syntax for either doing the above, or getting the same functionality for storing a route and re-navigating to it?

Answer 1

i think you need some thing like a history for going back in routes you can use code below as described here

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


@Component(...)

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

Answer 2

I had a similar issue and solved it by the following. flatten is from lodash and route is your ActivatedRoute. It's not great, but it works for now. You might want to use flattenDeep instead to accommodate for deeply nested routes.

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