angular-routing - Angular routerLink 路由正确，但在组件路由中 route.navigate 到默认路径

Question

基本示例已创建
源代码 在此处上传 并 在此处部署

• 使用路径设置路线：“产品”
• 在 app.template.html 中使用 routerLink 指令设置路由 -> 当单击“产品”时 -> 路由“产品”按预期打开，但通过this.route.navigate(['/products']“app.component.ts”中的代码（）激活相同的路由"导航到这个'家'。

这是基本但很奇怪，我哪里出错了？

标签： angular-routing

Answer 1

它被重定向到您app.component.html的第 19 行：

<a class="nav-link" href="#" (click)="navigateBack()"> Products(navigated in Component)</a>

此标签具有href="#"因此页面被路由到您的根目录，因为您的app-routing.module.ts文件正在重定向到主页。

  { path: '', redirectTo: 'home', pathMatch: 'full' },
  { path: '**', redirectTo: 'home', pathMatch: 'full' }

因此，删除href="#"with[routerLink]="[]"应该可以解决问题。