Olá pessoal!

Continuando nossa saga com Angular 4, agora também juntamente com o Laravel, mostrarei como usar o AJAX (Asynchronous JavaScript And XML) para realizar uma busca de estados e cidades.

No Laravel, podemos trabalhar com estados e cidades de várias maneiras: com banco de dados cadastrando as cidades e estados ou sem banco de dados, registrando as cidades e estados em arquivo ou no próprio código-fonte da aplicação. Mas, neste exemplo, teremos uma base completa com os 27 estados brasileiros e suas respectivas cidades. Forneceremos duas rotas: uma pasta retornar a coleção de estados brasileiros e outra para retornar todas as cidades relacionados com um estado.

A aplicação Angular 4 apenas irá consumir as informações via AJAX. Montaremos duas caixas de seleções (campo select no HTML), uma para listar os estados e outra para listar as cidades. Tudo será de forma dinâmica, ao se selecionar o estado, de forma instantânea, as cidades aparecerão em seguida.

Se você ainda não teve a oportunidade de assistir ao primeiro vídeo onde apresentamos os principais pontos do Angular, bem como sua instalação e o desenvolvimento de uma aplicação simples, você pode clicar aqui.

Não deixe de participar de nossa Lista VIP Gratuita de Angular. Nela, você será notificado de todas as novidades, vídeos e tutoriais que lançarmos. Clique aqui para se inscrever.