Routing – problem z bardziej rozbudowaną ścieżką url

Witam,
dotychczas w konfiguracji routingu używałem tylko prostej ścieżki typu: localhost/WebUI/Home. Potrzebowałem ją jednak rozbudować i tutaj pojawiły się problemy.

Przykładowa ścieżka(adres url), która mnie interesuje to: localhost/WebUI/Home/Test. Próbowałem stosować różne kombinacje konfiguracji zarówno z children jak i redirectTo. Widocznie nie potrafię tego do końca zrozumieć. W przypadku localhost/WebUI/Home, otrzymywałem dostęp do widoku: localhost/WebUI/View.html, w przypadku localhost/WebUI/Home/Test, przekierowany zostałem do: localhost/WebUI/Home/View.html. Jeśli ścieżka jest rozbudowana o kolejny element to dodane zostaje : Home, przez co dostaje Not Found.

O to prosty przykład jak próbowałem skonfigurować routing element po elemencie z URL i odpalić component. W taki sposób uzyskuję dostęp do localhost/WebUI/View.html

const appRoutes: Routes = [
    { path: '', redirectTo: '/WebUI', pathMatch: 'full' },
    { path: 'WebUI', redirectTo: '/Home', pathMatch: 'full' },
    { path: 'WebUI/Home', component: myComponent}
];

A o to przykład, dla którego ścieżka do widoku jest nieprawidłowa i wygląda tak: localhost/WebUI/Home/View.html :

const appRoutes: Routes = [
    { path: '', redirectTo: '/WebUI', pathMatch: 'full' },
    { path: 'WebUI', redirectTo: '/Home', pathMatch: 'full' },
    { path: 'WebUI/Home', redirectTo: '/test', pathMatch: 'full' },
    { path: 'WebUI/Home/test', component: myComponent}
];

Ścieżki do widoków są bardziej rozbudowane, to tak w skrócie, aby łatwiej można było opisać problem.

Proszę o pomoc i pozdrawiam ;)