0

Olá, estou encontrando problemas com minhas rotas filhas.

Segue meus roteamentos:

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}
        ] 
    }
]

Estou tendo problemas nas rotas filhas do path: 'Cadastro'.

O problema é que eu estou dentro da rota: 'cadastro/dados-pessoais', e criei um botão desta forma:

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

Para assim ir para a rota: 'cadastro/bancos'.

Porém esse erro é apresentado:

inserir a descrição da imagem aqui

A minha chamada do outlet fica assim:

<router-outlet></router-outlet>

Alguém poderia me ajudar?

1 Resposta 1

1

Guilherme, sua rota está para /cadastro/bancos e não para /cadastro/dados-pessoais/bancos conforme está sendo enviado. Altera o seu botão para redirecionar para

['/cadastro/bancos']

ou cria um novo children nos dados pessoais:

 { path: 'dados-pessoais', component: DadosPessoais , children:
    [
       { path: 'bancos', component: CadastroBancos}
    ]
}
6
  • Alterei o botão como dito acima e o retorno foi: ' Error: Cannot match any routes. URL Segment: 'cadastro/bancos'' Commented 4/07/2018 às 13:15
  • @GuilhermeNunes tens o <base href="./"> no index.html ? Commented 4/07/2018 às 13:18
  • Sim. desta mesma forma. Commented 4/07/2018 às 13:20
  • tenta alterar para Cadastro/bancos , com o c maíusculo. Commented 4/07/2018 às 13:24
  • Agora foi! rsrs, que vacilo meu rsrs, obrigado Commented 4/07/2018 às 13:27

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .