Comprobador de Angular

Cómo usar esta herramienta para desarrolladores

1. Pega el contenido de un archivo component.ts.
2. Ejecuta “Comprobar Angular”.
3. Revisa problemas y notas del decorador.
4. Confirma el resultado con ng build y Angular Language Service en tu proyecto.

Qué hace esta herramienta para desarrolladores

El comprobador evalúa el texto del componente y su decorador. Los avisos ayudan a localizar metadatos ausentes o combinaciones que merecen revisión.

No resuelve NgModules, rutas, providers externos, templates enlazados por archivo ni errores de tipos del workspace.

Ejemplo

Entrada de ejemplo

import { Component, Input } from "@angular/core";

@Component({
  selector: "app-user-card",
  standalone: true,
  imports: [],
  template: `<button (click)="select()">{{ name }}</button>`
})
export class UserCardComponent {
  @Input() name = "";
  select() {}
}

Ejecuta la herramienta para ver una salida generada a partir de este ejemplo.

Casos de uso

• Revisar componentes Angular compartidos como snippet.
• Detectar decoradores @Component incompletos.
• Comprobar rápidamente standalone e imports.
• Preparar una revisión antes de abrir un workspace grande.

Consejos para obtener resultados fiables

• Incluye imports y la clase para obtener métricas completas.
• No asumas que imports: [] es incorrecto si el template no usa dependencias externas.
• Revisa templateUrl dentro del proyecto porque esta herramienta no abre archivos externos.
• Usa el compilador Angular para validar tipos, signals y templates.

Detalles del procesamiento

El objeto del decorador se recorta equilibrando llaves para reducir falsos cortes por saltos de línea.

No es el compilador de Angular y no interpreta TypeScript completo ni plantillas externas.