Cómo usar esta herramienta para desarrolladores
- Pega el componente.
- Pulsa Validar.
- Corrige primero los errores.
- Revisa después las advertencias contextuales.
Validador Angular
Revisa un componente Angular mediante reglas estáticas pensadas para detectar fallos frecuentes antes de abrir el compilador: ausencia de @Component, selector inválido, falta de template, clase no exportada, delimitadores desequilibrados y bindings sospechosos. Devuelve errores y advertencias con una puntuación orientativa de calidad estructural, sin afirmar que el proyecto compila.
Datos de entrada
Código a validarEspacio publicitario
Qué hace esta herramienta para desarrolladores
Comprueba coherencia estructural observable en el texto. Una validación sin errores no equivale a una compilación exitosa del proyecto.
Se aplican reglas sobre decorador, selector, plantilla, clase exportada, balance de llaves/paréntesis y patrones de binding comunes.
La puntuación refleja únicamente las reglas locales implementadas y no la calidad general del componente.
Ejemplo
selector: 'Profile' → advertencia por no seguir el patrón habitual con guion
Sin export class → error estructural
Casos de uso
- Revisar snippets antes de compartirlos.
- Detectar omisiones en componentes creados manualmente.
- Prevalidar migraciones pequeñas.
Consejos para obtener resultados fiables
- Prueba primero con un fragmento pequeño y representativo.
- Revisa el resultado antes de sustituir código en producción.
- Conserva una copia del archivo original si vas a aplicar cambios masivos.
- Usa Ctrl/Cmd + Enter para ejecutar el análisis desde el teclado.
Detalles del procesamiento
Cada incidencia se clasifica como ERROR o AVISO y se muestra en texto copiable.
No resuelve tipos, módulos, DI, rutas, templates externos ni errores del compilador Angular.
Preguntas frecuentes
¿Una validación correcta garantiza que Angular compile?
No. Solo confirma las reglas estáticas que puede comprobar el navegador sin el proyecto completo.
¿Valida selectores de componentes?
Sí. Revisa que exista un selector literal y marca formatos poco habituales.
¿Comprueba templates externos?
Solo confirma la presencia de templateUrl; no puede abrir el archivo referenciado.
¿Detecta bindings mal cerrados?
Detecta algunos desequilibrios y patrones sospechosos, pero no implementa el parser completo de templates Angular.
¿Cómo se calcula la puntuación?
Parte de 100 y descuenta puntos por errores y advertencias detectados por las reglas locales.
Herramientas relacionadas para desarrolladores
Reglas principales
| Regla | Severidad |
|---|---|
| @Component ausente | Error |
| Selector no convencional | Aviso |
Explorar la categoría
Consulta más utilidades de frameworks frontend para revisar, transformar y depurar código relacionado.
Ver Frameworks frontend