angular - RouterLink 无法正常工作

Question

我有 2 个组件 1 个用于导航，一个用于页面内容，RouterLink 将路由路径添加到当前路由，例如，如果此路由

    {path:'home',component:HomeComponent},
    {path:'mygames/:id',component:UsergamesComponent}

这是 routerLink 代码

  <li class="treeview" routerLinkActive="active" >
      <a [routerLink]="['mygames',user_ob.user_id]">
        <i class="fa fa-user"></i> <span>My Games</span>
      </a>
    </li>

当我导航到主路由或其他任何东西并且我想转到 mygames 路由时，假设链接将是 localhost:4200/mygames/id 但
路由器链接是

localhost:4200/home/mygames/user_id

甚至在 home route 这个路由的 routerLink 是

localhost:4200/home/home 

我不知道听到什么问题以及如何解决

Answer 1

routerLink 可以用作

 <a routerLink="/mygames/{{user_ob.user_id}}">

或者

 <a [routerLink]="['/mygames',user_ob.user_id]">

更多关于Angular 文档