Explicación de Inyección de dependencias, formularios y validaciones

Lo añadimos

import { FormValidadoComponent } from './componentes/form-validado/form-validado.component';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [
    ListaColoresComponent,
    FormTemplateComponent,
    FormReactivoComponent,
    FormValidadoComponent
  ],
  template: `
    <h1>Tema 7 – Angular moderno</h1>

    <h2>1. Inyección de dependencias</h2>
    <app-lista-colores></app-lista-colores>
    <hr>

    <h2>2. Formulario Template-driven</h2>
    <app-form-template></app-form-template>
    <hr>

    <h2>3. Formulario Reactivo básico</h2>
    <app-form-reactivo></app-form-reactivo>
    <hr>

    <h2>4. Formulario Reactivo con validaciones</h2>
    <app-form-validado></app-form-validado>
  `
})
export class AppComponent {}