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