# Fundamentos de Angular (Angular)

> Components, templates, data binding, directivas estructurales, ngFor, ngIf, interpolación, property binding, event binding

- 20 preguntas de entrevista
- Junior
- [Preguntas de entrevista: Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista.md)

## 1. ¿Qué es un component en Angular?

**Respuesta**

Un component es un bloque de construcción fundamental de una aplicación Angular que controla una porción de la interfaz de usuario. Combina un template HTML, estilos CSS y una clase TypeScript con el decorador @Component. Esta arquitectura permite crear interfaces reutilizables y modulares, promoviendo la separación de responsabilidades entre la vista y la lógica de negocio.

## 2. ¿Qué sintaxis muestra una variable TypeScript en el template?

**Respuesta**

La interpolación con llaves dobles {{ variable }} inserta valores dinámicos en el template HTML. Angular evalúa la expresión TypeScript y convierte el resultado a una cadena mostrada en el DOM. Esta sintaxis se usa para mostrar propiedades del component, realizar cálculos simples o llamar métodos que retornan valores.

## 3. ¿Cómo enlazar una propiedad HTML a una variable del component?

**Respuesta**

El property binding con corchetes [property]="variable" enlaza una propiedad de elemento DOM a una expresión TypeScript. Angular evalúa la expresión y actualiza la propiedad automáticamente cuando ocurren cambios. Esta sintaxis es unidireccional (component al template) y se aplica a atributos HTML estándar, propiedades personalizadas o inputs de components hijos.

## 17 preguntas más disponibles

- ¿Qué sintaxis captura un evento de usuario en el template?
- ¿Qué hace la directiva *ngIf en un template Angular?

Regístrate gratis: https://sharpskill.dev/es/login

## Otros temas de entrevista Angular

- [Conceptos básicos de TypeScript](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/typescript-basics.md): 25 preguntas, Junior
- [TypeScript Avanzado](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/typescript-advanced.md): 20 preguntas, Junior
- [Componentes y ciclo de vida](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/components-lifecycle.md): 20 preguntas, Junior
- [Services & Dependency Injection](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/services-dependency-injection.md): 20 preguntas, Junior
- [Organización de Módulos Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/modules-organization.md): 22 preguntas, Mid-Level
- [Angular CLI](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/angular-cli.md): 18 preguntas, Junior
- [Directivas y Pipes](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/directives-pipes.md): 22 preguntas, Mid-Level
- [Routing y Navegación](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/routing-navigation.md): 24 preguntas, Mid-Level
- [Formularios reactivos](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/forms-reactive.md): 26 preguntas, Mid-Level
- [Formularios template-driven](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/forms-template-driven.md): 16 preguntas, Mid-Level
- [Fundamentos de RxJS](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/rxjs-fundamentals.md): 22 preguntas, Mid-Level
- [Operadores RxJS](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/rxjs-operators.md): 24 preguntas, Mid-Level
- [HttpClient y llamadas API](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/http-client.md): 22 preguntas, Mid-Level
- [Gestión de estado básica](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/state-management-basics.md): 20 preguntas, Mid-Level
- [Change Detection](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/change-detection.md): 20 preguntas, Mid-Level
- [Angular Signals](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/angular-signals.md): 20 preguntas, Mid-Level
- [Standalone Components](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/standalone-components.md): 18 preguntas, Mid-Level
- [Pruebas unitarias en Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/testing-unit.md): 22 preguntas, Mid-Level
- [Testing End-to-End](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/testing-e2e.md): 18 preguntas, Mid-Level
- [Build y optimización](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/build-optimization.md): 20 preguntas, Mid-Level
- [Fundamentos de NgRx](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/ngrx-fundamentals.md): 24 preguntas, Senior
- [NgRx avanzado](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/ngrx-advanced.md): 24 preguntas, Senior
- [Arquitectura Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/angular-architecture.md): 22 preguntas, Senior
- [Optimización de rendimiento](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/performance-optimization.md): 22 preguntas, Senior
- [Seguridad y buenas prácticas](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/security-best-practices.md): 20 preguntas, Senior
- [Patrones avanzados de RxJS](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/advanced-rxjs-patterns.md): 22 preguntas, Senior
- [Angular Universal y SSR](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/angular-universal-ssr.md): 20 preguntas, Senior
- [Micro-frontends Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/micro-frontends-angular.md): 20 preguntas, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/angular-fundamentals