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

Lo que vamos a realizar a continuación es:

1. Proyecto nuevo (ng new tema7-angular --standalone).

2. Servicio ClientesService inyectado en un componente (ListaColoresComponent) usando inject() y @for.

3. Formulario Template-Driven con FormsModule, ngForm, ngModel y @if para errores.

4. Formulario Reactivo básico con ReactiveFormsModule, FormGroup, FormControl.

5. Formulario Reactivo con validaciones:

   • Built-in (required, email, pattern).

   • Personalizado (rangoEdadValidator(18, 65)).

   • Errores visibles en plantilla.

   • Botón deshabilitado si el formulario no es válido.

   • Uso de estados (valid, invalid, touched, etc.) como en el tema.