Olá, pessoal! Nessa trigésima quinta aula do treinamento, iremos implementar a ação responsável pelo cadastro de alunos.
No arquivo principal.ts, podemos criar a estrutura abaixo do construtor:
// Método de cadastro
cadastrar(): void{
this.servico.cadastrar(this.formulario.value as Aluno)
.subscribe(aluno => {
this.vetor.update(alunos => [...alunos, aluno]);
this.formulario.reset();
});
}
No arquivo principal.html, iremos adicionar um evento de clique no botão que está englobado no form:
<input type="button" (click)="cadastrar()" value="Cadastrar" class="btn btn-primary">
Abaixo compartilho nossa aula no YouTube: