Olá, pessoal! Nessa vigésima oitava aula do treinamento, iremos implementar o construtor em nosso arquivo principal.ts.
O construtor é fundamental para injetar a nossa camada de serviços no componente.
Veja abaixo como ficará a estrutura do arquivo principal.ts:
import { Component, signal } from '@angular/core';
import { AlunoServico } from '../servico/aluno-servico';
@Component({
selector: 'app-principal',
imports: [ReactiveFormsModule],
templateUrl: './principal.html',
styleUrl: './principal.css',
})
export class Principal {
// Visibilidade dos botões
btnCadastrar = signal(true);
// Construtor
constructor(private servico: AlunoServico) {}
}
Abaixo compartilho nossa aula no YouTube: