Olá, pessoal! Nessa trigésima terceira aula do treinamento, iremos implementar a funcionalidade responsável por selecionar um aluno específico.
A ideia é simples, ao clicar no botão selecionar que está no formulário, o formulário será preenchido com os dados do aluno e teremos acesso aos botões: alterar, remover e cancelar.
No arquivo principal.ts, podemos criar a estrutura abaixo do construtor:
// Método para selecionar um aluno específico
selecionarAluno(indice: number): void{
this.formulario.patchValue(this.vetor()[indice]);
this.btnCadastrar.set(false);
}
No arquivo principal.html, iremos adicionar um evento de clique no botão que está no tbody:
<td><button class="btn btn-primary" (click)="selecionarAluno($index)">Selecionar</button></td>
Abaixo compartilho nossa aula no YouTube: