Daughter routes at angular4

Question

Hello, I’m encountering problems with my daughter routes.

Just follow my lead:

export const ROUTES: Routes = [
    { path: '', redirectTo: 'Login', pathMatch: 'full' },
    { path: 'Login', component: Login },
    { path: 'Cadastro', component: CadastroUser, children: 
        [
            { path: '', redirectTo: 'dados-pessoais', pathMatch: 'full' },
            { path: 'dados-pessoais', component: DadosPessoais},
            { path: 'bancos', component: CadastroBancos}
        ] 
    }
]

I’m having problems in the path’s daughter routes: 'Register'.

The problem is that I am inside the route: 'registration/ personal data', and I created a button this way:

<button class="btn" [routerLink]="['bancos']">Proximo Passo</button>

To go to the route: 'register/ banks'.

But this error is presented:

My outlet call goes like this:

<router-outlet></router-outlet>

Could someone help me?

Answer 1

William, your route is to /cadastro/bancos and not to /cadastro/dados-pessoais/bancos as it is being sent. Changes your button to redirect to

['/cadastro/bancos']

or creates a new Child in your personal data:

 { path: 'dados-pessoais', component: DadosPessoais , children:
    [
       { path: 'bancos', component: CadastroBancos}
    ]
}