带有 routerlink 的 Angular In-App-Navigation 无法按计划工作答案

【问题标题】：Angular In-App-Navigation with routerlink doesn't work as planned带有 routerlink 的 Angular In-App-Navigation 无法按计划工作
【发布时间】：2021-01-24 11:05:18
【问题描述】：

我创建了一个

<nav mat-tab-nav-bar>

  <a mat-tab-link routerLink="">Product Shop</a>
  <a mat-tab-link routerLink="Login">User Login</a>
  <a mat-tab-link routerLink="Registration">User Registration</a>

</nav>

我可以在选项卡和路由器链接之间切换！

在注册选项卡中，我创建了一个应该导航到登录的按钮，但它不起作用

 <button  routerLink="Login" mat-button color="primary" type="submit">
        Log in
  </button>

当我点击它时，我会停留在注册路径中。

按钮不是问题，因为当我在产品商店（主页-选项卡 --> routerlink=“”）中添加相同的按钮时，它会转到登录选项卡。但是，如果我在另一个选项卡中而不是主页中，则该按钮将不再起作用。所以我可以从“”转到“注册”或“登录”，但不能从“注册”转到“登录”。

【问题讨论】：

标签： angular routes navigation

【解决方案1】：

试试这个方法...也许它会工作得很好！

<button  routerLink="/Login" mat-button color="primary" type="submit">
   register
</button>

或者你是否在注册组件中导入了{Router}？！

如果它不起作用，请告诉我Angular 版本？

【讨论】：

【解决方案2】：

我认为您的 routerLink 应该是指“登录”。目前，您已将其设置为“注册”，正如您所提到的，这会将您重定向到同一页面。

像这样：

<button  routerLink="Login" mat-button color="primary" type="submit">
    register
</button>

【讨论】：

不，我只是将错误的代码复制到问题中。我现在已经更改了