Question

你会怎么做？

我创建了一个登录组件 <app-customer-login>，一旦您成功登录，它会将您重定向到您的帐户页面。

到目前为止一切顺利。

我还有一个结帐流程，它检查您是否已登录。如果没有，我喜欢显示相同的登录组件。所以用户可以立即登录。如果我在结帐流程中实现 <app-customer-login>，那么用户将在成功登录后重定向到帐户页面。

如果用户从不同的页面（结帐页面）登录，我如何将用户重定向到不同的页面。

我能否以某种方式确定哪个页面实现了 <app-customer-login>？

我了解守卫的使用。 "issue" 是我使用带有结帐流程步骤的向导。

显示购物车
检查用户是否登录。如果不是我喜欢使用 <app-customer-login> 组件，但它不应该将用户重定向到帐户页面，而是返回到向导。
地址
付款

Answer 1

我会亲自在您的登录组件中添加一个 if 语句，以检查用户来自何处，以便将他们重定向到购物车或您想要发送的任何位置。

Answer 2

我现在是这样解决的：

      if(this.router.url.indexOf('/login')) {
        this.customerAccountService.redirectToAccount();
      } else {
        this.customerAccountService.redirectToWizard();
      }

也许还有更好的选择？

Angular 继承组件

2 个答案: