Direktiven und Pipes
Built-in Directives, Custom Directives, Attribute Directives, Structural Directives, Built-in Pipes, Custom Pipes, Pure vs Impure Pipes
1Was ist eine strukturelle Direktive in Angular?
Was ist eine strukturelle Direktive in Angular?
Antwort
Strukturelle Direktiven verändern die DOM-Struktur durch Hinzufügen, Entfernen oder Manipulieren von Elementen. Sie sind mit * gekennzeichnet (z. B. *ngIf, *ngFor). Im Gegensatz zu Attribut-Direktiven, die das Aussehen oder Verhalten ändern, können strukturelle Direktiven Elemente aus dem DOM hinzufügen oder entfernen.
2Was ist die korrekte Syntax für die Verwendung von ngFor mit trackBy?
Was ist die korrekte Syntax für die Verwendung von ngFor mit trackBy?
Antwort
Die korrekte Syntax verwendet ein Semikolon, um die Iteration von der trackBy-Funktion zu trennen. Die trackBy-Funktion verbessert die Performance, indem sie es Angular ermöglicht, zu identifizieren, welche Elemente geändert, hinzugefügt oder entfernt wurden. Sie nimmt zwei Parameter (index und item) und gibt einen eindeutigen Bezeichner zurück.
3Warum trackBy mit ngFor verwenden?
Warum trackBy mit ngFor verwenden?
Antwort
trackBy verbessert die Performance beim Rendern von Listen, indem es Angular ermöglicht, präzise zu identifizieren, welche Elemente sich geändert haben. Ohne trackBy erstellt Angular alle DOM-Elemente neu, wenn Änderungen auftreten. Mit trackBy werden nur geänderte Elemente aktualisiert, was unnötige Neuerstellungen vermeidet.
Welche Direktive sollte verwendet werden, um ein Element bedingt basierend auf einer Bedingung anzuzeigen?
Was ist der Unterschied zwischen *ngIf und [hidden]?
+19 Interview-Fragen
Weitere Angular-Interviewthemen
TypeScript-Grundlagen
TypeScript Fortgeschritten
Angular-Grundlagen
Komponenten und Lebenszyklus
Services & Dependency Injection
Angular-Modul-Organisation
Angular CLI
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