# Angular-Grundlagen (Angular)

> Components, Templates, Data Binding, strukturelle Direktiven, ngFor, ngIf, Interpolation, Property Binding, Event Binding

- 20 Interview-Fragen
- Junior
- [Interview-Fragen: Angular](https://sharpskill.dev/de/technologies/angular/interviewfragen.md)

## 1. Was ist eine Component in Angular?

**Antwort**

Eine Component ist ein grundlegender Baustein einer Angular-Anwendung, der einen Teil der Benutzeroberfläche steuert. Sie kombiniert ein HTML-Template, CSS-Styles und eine TypeScript-Klasse mit dem @Component-Decorator. Diese Architektur ermöglicht die Erstellung wiederverwendbarer und modularer Schnittstellen und fördert die Trennung der Zuständigkeiten zwischen Ansicht und Geschäftslogik.

## 2. Welche Syntax zeigt eine TypeScript-Variable im Template an?

**Antwort**

Die Interpolation mit doppelten geschweiften Klammern {{ variable }} fügt dynamische Werte in das HTML-Template ein. Angular wertet den TypeScript-Ausdruck aus und konvertiert das Ergebnis in einen String, der im DOM angezeigt wird. Diese Syntax wird verwendet, um Component-Eigenschaften anzuzeigen, einfache Berechnungen durchzuführen oder Methoden aufzurufen, die Werte zurückgeben.

## 3. Wie bindet man eine HTML-Eigenschaft an eine Component-Variable?

**Antwort**

Property Binding mit eckigen Klammern [property]="variable" bindet eine DOM-Element-Eigenschaft an einen TypeScript-Ausdruck. Angular wertet den Ausdruck aus und aktualisiert die Eigenschaft automatisch bei Änderungen. Diese Syntax ist unidirektional (Component zu Template) und gilt für Standard-HTML-Attribute, benutzerdefinierte Eigenschaften oder Inputs untergeordneter Components.

## 17 weitere Fragen verfügbar

- Welche Syntax erfasst ein Benutzerereignis im Template?
- Was macht die *ngIf-Direktive in einem Angular-Template?

Kostenlos registrieren: https://sharpskill.dev/de/login

## Weitere Angular-Interviewthemen

- [TypeScript-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/typescript-basics.md): 25 Fragen, Junior
- [TypeScript Fortgeschritten](https://sharpskill.dev/de/technologies/angular/interviewfragen/typescript-advanced.md): 20 Fragen, Junior
- [Komponenten und Lebenszyklus](https://sharpskill.dev/de/technologies/angular/interviewfragen/components-lifecycle.md): 20 Fragen, Junior
- [Services & Dependency Injection](https://sharpskill.dev/de/technologies/angular/interviewfragen/services-dependency-injection.md): 20 Fragen, Junior
- [Angular-Modul-Organisation](https://sharpskill.dev/de/technologies/angular/interviewfragen/modules-organization.md): 22 Fragen, Mid-Level
- [Angular CLI](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-cli.md): 18 Fragen, Junior
- [Direktiven und Pipes](https://sharpskill.dev/de/technologies/angular/interviewfragen/directives-pipes.md): 22 Fragen, Mid-Level
- [Routing und Navigation](https://sharpskill.dev/de/technologies/angular/interviewfragen/routing-navigation.md): 24 Fragen, Mid-Level
- [Reactive Forms](https://sharpskill.dev/de/technologies/angular/interviewfragen/forms-reactive.md): 26 Fragen, Mid-Level
- [Template-driven Forms](https://sharpskill.dev/de/technologies/angular/interviewfragen/forms-template-driven.md): 16 Fragen, Mid-Level
- [RxJS-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/rxjs-fundamentals.md): 22 Fragen, Mid-Level
- [RxJS-Operatoren](https://sharpskill.dev/de/technologies/angular/interviewfragen/rxjs-operators.md): 24 Fragen, Mid-Level
- [HttpClient und API-Aufrufe](https://sharpskill.dev/de/technologies/angular/interviewfragen/http-client.md): 22 Fragen, Mid-Level
- [Grundlegende State-Verwaltung](https://sharpskill.dev/de/technologies/angular/interviewfragen/state-management-basics.md): 20 Fragen, Mid-Level
- [Change Detection](https://sharpskill.dev/de/technologies/angular/interviewfragen/change-detection.md): 20 Fragen, Mid-Level
- [Angular Signals](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-signals.md): 20 Fragen, Mid-Level
- [Standalone Components](https://sharpskill.dev/de/technologies/angular/interviewfragen/standalone-components.md): 18 Fragen, Mid-Level
- [Angular Unit-Tests](https://sharpskill.dev/de/technologies/angular/interviewfragen/testing-unit.md): 22 Fragen, Mid-Level
- [End-to-End-Testing](https://sharpskill.dev/de/technologies/angular/interviewfragen/testing-e2e.md): 18 Fragen, Mid-Level
- [Build und Optimierung](https://sharpskill.dev/de/technologies/angular/interviewfragen/build-optimization.md): 20 Fragen, Mid-Level
- [NgRx-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/ngrx-fundamentals.md): 24 Fragen, Senior
- [NgRx Fortgeschritten](https://sharpskill.dev/de/technologies/angular/interviewfragen/ngrx-advanced.md): 24 Fragen, Senior
- [Angular-Architektur](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-architecture.md): 22 Fragen, Senior
- [Performance-Optimierung](https://sharpskill.dev/de/technologies/angular/interviewfragen/performance-optimization.md): 22 Fragen, Senior
- [Sicherheit und Best Practices](https://sharpskill.dev/de/technologies/angular/interviewfragen/security-best-practices.md): 20 Fragen, Senior
- [Fortgeschrittene RxJS-Patterns](https://sharpskill.dev/de/technologies/angular/interviewfragen/advanced-rxjs-patterns.md): 22 Fragen, Senior
- [Angular Universal und SSR](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-universal-ssr.md): 20 Fragen, Senior
- [Angular Micro-Frontends](https://sharpskill.dev/de/technologies/angular/interviewfragen/micro-frontends-angular.md): 20 Fragen, Senior

---

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