Directivas y Pipes
Built-in directives, custom directives, attribute directives, structural directives, built-in pipes, custom pipes, pure vs impure pipes
1¿Qué es una directiva estructural en Angular?
¿Qué es una directiva estructural en Angular?
Respuesta
Las directivas estructurales modifican la estructura del DOM agregando, eliminando o manipulando elementos. Se prefijan con * (ej: *ngIf, *ngFor). A diferencia de las directivas de atributo que modifican la apariencia o el comportamiento, las directivas estructurales pueden agregar o quitar elementos del DOM.
2¿Cuál es la sintaxis correcta para usar ngFor con trackBy?
¿Cuál es la sintaxis correcta para usar ngFor con trackBy?
Respuesta
La sintaxis correcta usa el punto y coma para separar la iteración de la función trackBy. La función trackBy mejora el rendimiento al permitir que Angular identifique qué elementos han cambiado, sido agregados o eliminados. Toma dos parámetros (index e item) y retorna un identificador único.
3¿Por qué usar trackBy con ngFor?
¿Por qué usar trackBy con ngFor?
Respuesta
trackBy mejora el rendimiento del renderizado de listas al permitir que Angular identifique con precisión qué elementos han cambiado. Sin trackBy, Angular recrea todos los elementos del DOM cuando ocurren cambios. Con trackBy, solo los elementos modificados se actualizan, evitando recreaciones innecesarias.
¿Qué directiva debe usarse para mostrar condicionalmente un elemento según una condición?
¿Cuál es la diferencia entre *ngIf y [hidden]?
+19 preguntas de entrevista
Otros temas de entrevista Angular
Conceptos básicos de TypeScript
TypeScript Avanzado
Fundamentos de Angular
Componentes y ciclo de vida
Services & Dependency Injection
Organización de Módulos Angular
Angular CLI
Routing y Navegación
Formularios reactivos
Formularios template-driven
Fundamentos de RxJS
Operadores RxJS
HttpClient y llamadas API
Gestión de estado básica
Change Detection
Angular Signals
Standalone Components
Pruebas unitarias en Angular
Testing End-to-End
Build y optimización
Fundamentos de NgRx
NgRx avanzado
Arquitectura Angular
Optimización de rendimiento
Seguridad y buenas prácticas
Patrones avanzados de RxJS
Angular Universal y SSR
Micro-frontends Angular
Domina Angular para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis