In my routes file I am trying to achieve the following.

const routes: Routes = [{ ...
{ path: '', component: MainComponent, children: [
    { path: 'routeA', component: ComponentA },
    { path: 'routeA/subA', component: ComponentAA},
    { path: 'routeA/subB', component: ComponentAB},
    { path: 'routeA/**', redirectTo: 'routeA'}
]}, ...}

The intention being that routeA/ will redirect back to routeA, but the above code doesnt achieve the intended effect.