Активировать пункт меню при изменении параметра url

У меня есть боковая навигация, в которой есть раскрывающийся список. В нем вы можете выбрать пользователя. В зависимости от пользователя доступны разные пункты меню (без проблем). Если вы измените пользователя с помощью раскрывающегося списка (независимо от того, в каком пункте меню вы находитесь), вы должны быть перенаправлены на страницу сведений о пользователе (также работает).

Теперь к проблеме: если я нахожусь в подробном представлении для userA (пункт меню выделен) и меняю пользователя на userB, я (правильно) останусь в подробном представлении. URL-адрес изменится правильно, и в представлении отобразятся сведения для пользователя B. НО пункт меню больше не подсвечивается. Много пробовал, но пока ничего не работает.

Sidenode: я хотел бы изменить навигацию внутри службы, так как я хотел бы добавить больше логики и должен использовать ее также в других компонентах.

То, что у меня есть прямо сейчас (в значительной степени сокращено):

• sidenav.component.html

    <mat-list-item>
      <div>
        <mat-label fxLayout = "row">
          <span>Selected User</span>
        </mat-label>
        <mat-select #select placeholder = "Select User" (selectionChange) = "selectionChange()">
          <mat-option *ngFor = "let u of user" [value] = "u">
            {{ u.name }}
          </mat-option>
        </mat-select>
      </div>
    </mat-list-item>

    <mat-list-item>  
      <a mat-line [routerLink] = "['/user', user.id, 'details']" [routerLinkActive] = "['active']">User</a>  
    </mat-list-item>

    // more mat-list-items in here  

• sidenav.component.ts

    selectionChange(): void {
      this.userService.navigate();
    }  

• user.service.ts

    navigate(): void {
      this.router.navigate(['/user/' + this.user.id + '/details']);
    }  

• app-routing.module.ts

    const appRoutes: Routes = [
      {
        path: '',
        component: MyAppComponent,
        children: [
          {
            path: 'user',
            loadChildren: './user/user.module#UserModule',
          },
          {
            path: 'user/:userID/details',
            loadChildren: './user-details/user-details.module#UserDetailsModule',
          },
        ],
      }
    ];

Есть ли у кого-нибудь идеи, как держать пункт меню активным, если меняется только параметр в url? Я использую Angular6.

Заранее спасибо.

Обновлено: Для пояснения боковая навигация в конце выглядит так:
Раскрывающийся список пользователей (с UserA и UserB)
Подробности Проекты [Дополнительные пункты меню]

Я хочу, чтобы Details был выделен, когда я нахожусь в этом представлении