Angular-Grundlagen
Components, Templates, Data Binding, strukturelle Direktiven, ngFor, ngIf, Interpolation, Property Binding, Event Binding
1Was ist eine Component in Angular?
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.
2Welche Syntax zeigt eine TypeScript-Variable im Template an?
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.
3Wie bindet man eine HTML-Eigenschaft an eine Component-Variable?
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.
Welche Syntax erfasst ein Benutzerereignis im Template?
Was macht die *ngIf-Direktive in einem Angular-Template?
+17 Interview-Fragen
Weitere Angular-Interviewthemen
TypeScript-Grundlagen
TypeScript Fortgeschritten
Komponenten und Lebenszyklus
Services & Dependency Injection
Angular-Modul-Organisation
Angular CLI
Direktiven und Pipes
Routing und Navigation
Reactive Forms
Template-driven Forms
RxJS-Grundlagen
RxJS-Operatoren
HttpClient und API-Aufrufe
Grundlegende State-Verwaltung
Change Detection
Angular Signals
Standalone Components
Angular Unit-Tests
End-to-End-Testing
Build und Optimierung
NgRx-Grundlagen
NgRx Fortgeschritten
Angular-Architektur
Performance-Optimierung
Sicherheit und Best Practices
Fortgeschrittene RxJS-Patterns
Angular Universal und SSR
Angular Micro-Frontends
Meistere Angular für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten