RouterLink 无法正常工作答案

【问题标题】：RouterLink Does not Work CorrectlyRouterLink 无法正常工作
【发布时间】：2018-06-27 06:59:00
【问题描述】：

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

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

localhost:4200/home/mygames/user_id

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

localhost:4200/home/home

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

【问题讨论】：

链接不应该是 ['/mygames', user_ob.user_id] 吗？
这是正确的
"/" 是重点

标签： angular angular4-router routerlink

【解决方案1】：

routerLink 可以用作

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

或

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

更多关于Angular DOC

【讨论】：