带有routerlink的Angular应用内导航无法按计划进行

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>

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

在“注册”标签中，我创建了一个按钮，该按钮应导航到登录名，但不起作用

 <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版本？