带有路由器链接的 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>

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

按钮不是问题，因为当我在产品商店(主页选项卡-->routerlink="(中添加相同的按钮时，它会转到登录选项卡。但如果我在家以外的另一个选项卡上，按钮就不起作用了。所以我可以从"至"；注册"；或"；登录"；但不能从"；注册"；至"；登录"；。

Answer 1

试试这种方法。。。也许它会很好用！

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

或者您在注册组件中导入了{Router}！

如果它不起作用，请告诉我您是角版本？

Answer 2

我认为您的routerLink应该引用"登录"；。当前您已将其设置为"；注册"；正如你所提到的，它会将你重定向到同一个页面。

就像这样：

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