Angular 使用 routerlink 的应用内导航无法按计划工作

Question

我创建了一个

<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>

我可以在选项卡和路由器之间切换link 有效！

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

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

当我点击它时，我停留在注册路线上。

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

Answer 1

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

像这样：

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

Answer 2

尝试这种方式...可能会很好！

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

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

如果它不起作用让我知道你 Angular 版本 ?