Angular: перемещаться по страницам модуля с относительным путем

Question

У меня есть модуль Pages, в котором есть модуль User. Пользовательский модуль имеет несколько страниц (компонентов): -list (http://myurl/proj/pages/users/list) -new (http://myurl/proj/pages/users/new) -edit (http://myurl/proj/pages/users/edit, param id)

В списке пользователей я пытаюсь перейти к новому и отредактировать.

Если я сделаю this.router.navigate(['/pages/users/new']);, это работает, но для того, чтобы получить код многократного использования, я бы хотел nagging, чтобы быть относительным, что-то вроде:

this.router.navigate(['../new']);

Вот мои routing.ts:

pages-routing.module.ts

import { RouterModule, Routes } from '@angular/router';
import { NgModule } from '@angular/core';

import { PagesComponent } from './pages.component';
import { DashboardComponent } from './dashboard/dashboard.component';
import { UsersComponent } from './users/users.component';


const routes: Routes = [{
  path: '',
  component: PagesComponent,
  children: [
    {
      path: 'dashboard',
      component: DashboardComponent,
    },
    {
      path: 'users',
      loadChildren: () => import('./users/users.module')
        .then(m => m.UsersModule),
    },
    {
      path: '',
      redirectTo: 'dashboard',
      pathMatch: 'full',
    },
  ],
}];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})
export class PagesRoutingModule {
}

users-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { UsersComponent } from './users.component';
import { UserlistComponent } from './userlist/userlist.component';
import { UsernewComponent } from './usernew/usernew.component';
import { UsereditComponent } from './useredit/useredit.component';


const routes: Routes = [
  {
    path: '',
    component: UsersComponent,
    children: [
      {
        path: 'list',
        component: UserlistComponent,
      },
      {
        path: 'new',
        component: UsernewComponent,
      },
      {
        path: 'edit',
        component: UsereditComponent,
      },
    ],
  },
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class UsersRoutingModule { }

Я пытался несколько раз подумать reagrding inte rnet reaseach, но не смог заставить его работать ... Спасибо за вашу помощь