angular - 在Router.navigate结束时调用函数

Question

我想在用户登录后调用某个函数。用户可以从任何页面登录，成功登录后，用户将被重定向回他们正在浏览的上一个页面。

我正在使用 Router.navigate用于重定向到页面。

找了一会儿NavigationEnd似乎是一个可行的选项，但它适用于所有路由器事件，而不仅仅是特定事件。

我的 login.component.ts 有这样的东西:

// ...
this.authenticationService.login(this.credentials)
  .pipe(first())
  .subscribe(
    data => {
      this.router.navigate([this.returnUrl]);
      // Need to call a function `doSomething()` here.
    },
    error => {
      // Implement error handling
    });
// ...

我知道这不是一个 promise ，但我正在寻找类似的东西:

this.router.navigate([this.returnUrl])
  .then(this.doSomething()); // or .pipe()

Answer 1

您可以使用 .navigateByUrl() 进行导航它返回一个 promise 。

this.router.navigateByUrl(this.returnUrl).then(this.doSomething());