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