使用Angular2，如何在登录重定向之前重定向到以前的URL

Question

基本上：我如何访问或确定以前请求的URL？

我真的不想求助于传递查询字符串参数，除非我真的不得不这样做。理想情况下，最好能够将< code>history集合作为< code>Router组件的一部分，类似于< code>backbone.history！

Answer 1

import { Injectable } from '@angular/core';
import { Router } from '@angular/router';
import { Subscription } from 'rxjs/Subscription';

@Injectable()
export class UrlTrackingService {

  public originalUrl: string;

  constructor(
    private router: Router
  ) {
    let subscription: Subscription = this.router.events.subscribe((val) => {
      this.originalUrl = val.url;
      subscription.unsubscribe();
    });
  }

}

Answer 2

另一种方法是订阅< code>Location中的< code>popstate事件。MDN的文档讨论了您可能期望获得的价值。

class MyCLass {
  constructor(private location: Location) {
    location.subscribe((val) => {
        // do something with the state that's passed in
    })
  }
}

否则，您可能需要一个服务来跟踪路由器中的变化，以便您可以访问它们。

class MyTrackingService {
  constructor(private router: Router) {
    router.subscribe((val) => {
        // store the routes here so that you can peel them off as needed?
    })
  }
}

在这种情况下，我访问路由器对象并订阅任何更改，以便跟踪它们。

Answer 3

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) 
{
    // keep the attempted URL for redirecting
    this._loginService.redirectUrl = state.url;
}

使用路由器成功进行身份验证时重定向到该URL（例如，在login.component.ts中）。E、 g.＜code＞此._router.navigateByUrl（重定向URL）

另外,@MichaelOryl和@Vitali的建议可能会起作用，但我的方式更符合Angular2最终版本。