1
resposta

Buscando endereço inexistente

A minha duvida é a seguinte, se eu coloco manualmente o endereço: http://localhost:3000/cadastro/calopsita ou seja, um endereço com id teoricamente invalido, o sistema acessa a página de cadastro porém com um erro no console:

"[Error] EXCEPTION: Error in http://localhost:3000/app/cadastro/cadastro.component.html:8:62 caused by: null is not an object (evaluating 'self.context.foto.titulo')"

Se eu clicar para retornar a página principal de listagem pelo botão Voltar, o erro persiste a aplicação fica "bugada", a lista de imagens não aparece mais na tela.

Como contornar essa situação ?

1 resposta

Para solucionar esse problema de rota invalida no Angular, temos que definir um arquivos de roteamento para que ele possa redirecionar para uma pagina de erro ou uma qualquer outra pagina que você definir.

Para você entender melhor como o Angular trabalha com rotas, eu aconselho você ler esse artigo, que explica como isso e tratado de forma eficiente que nos ajuda a manter a aplicação consistente.

No artigo o Autor trabalha com a versão 5 do Angular, mas não se preocupe isso não vai ser um problema. Angular 5: Trabalhando com Rotas