RouterLink无法正常工作

时间:2018-01-18 09:01:21

标签: angular angular4-router routerlink

我有两个用于导航的组件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但是 routerlink是

localhost:4200/home/mygames/user_id

甚至在归属路由上此路由的routerLink是

localhost:4200/home/home 

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

1 个答案:

答案 0 :(得分:1)

routerLink可以用作

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

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

更多关于Angular DOC