RouterLink не работает должным образом

У меня есть 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

или даже на домашнем маршруте RouterLink для этого маршрута

localhost:4200/home/home 

Не знаю, в чем проблема слышно и как ее исправить