Planen Sie ein Vorstellungsgespräch für die Stelle eines Angular-Entwicklers? Dann bereiten Sie sich am besten mit diesen Angular-Interview-Fragen vor.

Wenn Sie ein JavaScript-Entwickler sind, kennen Sie vielleicht das Angular-Framework für die Front-End-Entwicklung. Es hat sich zu einer der gefragtesten Fähigkeiten für Entwickler in der heutigen Welt entwickelt.

Es kann jedoch etwas schwierig sein, das Angular-Framework gut zu verstehen. In einem solchen Fall ist es wichtig, auf alles vorbereitet zu sein, was ein Interviewer Ihnen vorwerfen kann. Von Direktiven bis hin zu Frameworks – es wird Ihnen helfen, ein Vorstellungsgespräch zu bestehen und den Job zu bekommen, der Ihre Karriere auf eine neue Stufe heben kann.

Wir haben einige der beliebtesten Angular-Interview-Fragen zusammengestellt, auf die Sie vorbereitet sein sollten, um Ihren Traumjob zu bekommen.

Was ist Angular, und warum wurde es eingeführt?

Angular ist ein Open-Source-JavaScript-Framework für die Erstellung von Single-Page-Anwendungen. Angular basiert auf TypeScript und wurde entwickelt, um die Syntax von HTML zu erweitern.

Angular wurde 2009 von Miško Hevery, einem Ingenieur bei Google, entwickelt. Er schuf dieses Framework als Lieblingsprojekt und nannte es AngularJS, aber Google hat es später übernommen. Nachdem Google die Entwicklung und Wartung dieses Frameworks übernommen hatte, wurde es in Angular 2.0 oder einfach Angular umbenannt.

Nennen Sie die Vorteile von Angular.

  • Modulare Architektur: Der Code in Angular ist in Komponenten gruppiert, was die Wiederverwendung und das Umschreiben von Code erleichtert, ohne dass der gesamte Quellcode geändert werden muss. So können Sie eine komplexe, in Komponenten unterteilte Anwendung mit leicht lesbarem und organisiertem Code erstellen.
  • Auf TypeScript aufgebaut: TypeScript ist ein Superscript von JavaScript. TypeScript ist für seine Code-Qualität bekannt, so dass Code-Probleme frühzeitig erkannt werden können.
  • Unterstützt von Google: Google ist einer der großen Namen in der Welt der Technik und verfügt über einige der besten Ingenieure.
  • Deklarative Benutzeroberfläche: Angular erweitert die Funktionalität von HTML, das eine einfach zu verwendende Sprache ist.
  • Unterstützt Progressive Web Apps (PWAs): Angular-Entwickler können Progressive Web Apps erstellen, die wie mobile Apps funktionieren, wodurch die Entwicklungskosten gesenkt werden.

Diskutieren Sie die Unterschiede zwischen Angular vs. Angular JS

Die meisten Menschen verwenden AngularJS und Angular austauschbar. Dabei handelt es sich jedoch um zwei unterschiedliche Frameworks.

AngularJS war das erste Framework, das auf der Grundlage von JavaScript entwickelt wurde. Miško Hevery hat AngularJS entwickelt, aber Google hat schließlich die Wartung übernommen. Google stellte die Wartung von AngularJS im Januar 2022 ein.

Nachdem Google AngularJS übernommen hatte, wurde alles von Grund auf neu erstellt und TypeScript verwendet, um ein neues Framework namens Angular 2.0 oder einfach Angular zu entwickeln. Mit dem neuen Framework wurden eine komponentenbasierte Architektur und andere verbesserte Funktionen eingeführt.

Was ist Angular Expression? Wie unterscheiden sie sich von JavaScript Expression?

Angular Expression ist ein Codeschnipsel, den Programmierer in der {{ expression }}-Bindung platzieren. Der wesentliche Unterschied zwischen Angular und JavaScript Expressions sind:

  • Es ist einfach, Filter vor der Anzeige von Formatdaten zu verwenden.
  • Die Auswertung verzeiht undefined und null anstelle von JavaScript undefined, das ReferenceError und TypeError erzeugt.
  • Sie werden gegen ein Scope-Objekt ausgewertet.
  • Angular Expressions umfassen Ausnahmen, Konditionale und Schleifen.

Geben Sie einen Einblick in die verschiedenen Lifecycle-Hooks von Angular.

Die Hooks des Angular-Lebenszyklus werden gerne verwendet, um Auslöser und Phasenänderungen während der gesamten Dauer einer bestimmten Phase zu überprüfen. Die Lifecycle-Komponente umfasst den Constructor, der in vier Hauptteile unterteilt ist: ngOchanges, ngOnInit, ngDoCheck und ngOnDestroy. ngOchanges wird auch in ngAfterViewInit, ngAfterContentInit, ngAfterViewChecked und ngAfterContentChecked unterteilt.

  • ngOnchanges( ) – Wenn eine (oder mehrere) Eingabeeigenschaften in den Komponenten geändert werden, wird diese Methode aufgerufen. Die vorherigen und aktuellen Werte der Eigenschaften werden über den Hook – SimpleChanges – empfangen.
  • ngOnInit( ) – Diese Methode wird nach ngOchanges aufgerufen, um die Eingabeeigenschaften und Komponenten zu initialisieren.
  • ngDoCheck( ) – Es kommt in der dritten Phase, um zu handeln und Änderungen zu erkennen, die mit Angular unmöglich sind. Mit diesem Hook kann man schnell einen Algorithmus zur Erkennung von Änderungen implementieren.
  • ngAfterContentInit( ) – Ein weiterer Hook reagiert, nachdem man Inhaltsprojekte in der Komponente erhalten hat.
  • ngAfterContentChecked( ) – Als nächstes folgt ngAfterContentChecked, das nach jedem nachfolgenden ngDoCheck und ngAftercontentInit aufgerufen wird, nachdem der Inhalt projiziert wurde.
  • ngAfterViewInit( ) – Der nächste Hook, der aufgerufen wird, ist ngAfterViewInit, um auf die Ansicht der untergeordneten Komponente zu reagieren, nachdem die Ansicht der Komponente überprüft wurde.
  • ngOnDestroy( ) – Er hilft, Event-Handler zu lösen und den Code zu bereinigen, bevor Angular die Komponente zerstört.

Was ist der Unterschied zwischen AOT und JIT in Angular?

Viele mögen den Unterschied zwischen AOT- und JIT-Compilern in Angular verwechseln, daher ist es wichtig, die Grundlagen zu kennen:

  • Der AOT-Compiler (Ahead-of-Time) kompiliert den Code auf dem Server zum Zeitpunkt der Erstellung. Gleichzeitig wird der Just-in-Time (JIT) Compiler zur Laufzeit der Anwendung im Browser ausgeführt.
  • AOT ist ideal für den Produktionsmodus, während JIT für den Entwicklungsmodus gedacht ist, in dem der Code im Angular-Projekt kompiliert werden kann.
  • Die AOT-Kompilierung umfasst die Befehle ng serve und ng build, während die JIT-Kompilierung die CLI-Befehle ng serve und ng build enthält.
  • AOT kann die Bundle-Größe für ein schnelleres Rendering reduzieren, während JIT das Debugging und die Implementierung wichtiger Funktionen in Map-Dateien ermöglicht.

Ein tiefer Einblick in die verschiedenen Arten von Angular-Filtern.

Angular verwendet einen Filter, um dem Benutzer die Formatierung des Ausdruckswertes anzuzeigen, der zu Vorlagen, Direktiven, Diensten und Controllern hinzugefügt werden kann. Sie können je nach Bedarf personalisierte Filter erstellen, die es dem Benutzer ermöglichen, Daten anhand von Kriterien zu organisieren. Nach dem Pipe-Symbol ( | ) werden die Filter in den Ausdruck eingefügt. Die wichtigsten Filter, die in Angular verwendet werden, sind:

  • number – Umwandlung des Wertes in einen String
  • currency – Konvertierung von Zahlen in das Währungsformat
  • json – Konvertierung eines beliebigen Objekts in einen JSON-String
  • date – Konvertiert den Wert in ein beliebiges Datumsformat
  • limitTo – Begrenzt das Array oder den String auf bestimmte Strings oder Elemente
  • orderBy – Ordnet das Array im Ausdruck an
  • uppercase– Konvertiert einen String in Großbuchstaben
  • lowercase – Konvertiert eine Zeichenkette in die Kleinschreibung
  • filter – Teilmenge aus gegebenem Array auswählen

Was ist View-Kapselung in Angular?

Die View-Kapselung beschreibt die Template- und Style-Kapselung. Angular verfügt über drei Arten von View Encapsulation: Emulated, None und Shadow DOM. Emulated ist der Standardstil, bei dem Angular den HTML-Elementen der Komponente ein eindeutiges Attribut hinzufügt. Bei diesem Ansatz gilt das Styling nur für die jeweilige Ansicht.

Erläutern Sie Angular CLI

Angular Command Line Interface, oder einfach Angular CLI, ist ein Befehlszeilen-Tool, mit dem Sie Angular-Anwendungen erstellen, entwickeln und pflegen können. Mit diesem Tool können Sie auch Arbeitsbereiche erstellen und verwalten. Außerdem können Sie mit Angular CLI Dokumentation erstellen.

Was ist Schematics CLI?

Schematics CLI baut auf Angular CLI auf und dient zum Generieren und Aktualisieren von Code und zur Durchführung anderer damit verbundener Aufgaben für eine Angular-Anwendung. Schematics CLI hilft dabei, sich wiederholende Aufgaben zu reduzieren und verfügt über vordefinierte Blueprints, die für Code-Konsistenz und Best Practices sorgen.

Was ist Angular Universal?

Mit dieser Funktion können Angular-Anwendungen auf dem Server gerendert werden. Mit dieser Technologie kann eine Angular-Anwendung vorgerendert werden, bevor sie an den Client/die Ansicht gesendet wird.

Was sind Angular-Elemente?

Diese Funktion ermöglicht es Entwicklern, Angular-Komponenten als Web- oder benutzerdefinierte Elemente zu verpacken. Wenn Sie eine Komponente in ein benutzerdefiniertes Element umwandeln, stellen Sie dem Browser die gesamte erforderliche Angular-Infrastruktur zur Verfügung.

Besprechen Sie Angular-Authentifizierung und -Autorisierung

Bei der Authentifizierung wird die Identität des Benutzers überprüft. Vom Benutzer wird erwartet, dass er eine E-Mail/einen Benutzernamen und ein Passwort angibt. Wenn die Authentifizierung erfolgreich war, wird dem Benutzer der Zugriff auf die Anwendung gewährt.

Die Autorisierung bezieht sich auf den Prozess der Verweigerung oder Gewährung des Zugriffs auf die Anwendungsressourcen auf der Grundlage der vorgelegten Anmeldedaten.

Definieren Sie Bootstrapping.

Bootstrapping ist eine Methode zum Starten oder Initialisieren der Anwendung in Angular, entweder automatisch oder manuell. Wir wollen Ihnen helfen, es besser zu verstehen:

  • Automatisches Bootstrapping wird beim Hinzufügen von ng-app-Direktiven zum Tag berücksichtigt, falls erforderlich. Angular kompiliert das DOM und ist mit dem Modul verbunden, das die ng-app-Direktive findet.
  • Das manuelle Bootstrapping dient dazu, die Angular-App zu initialisieren und den Entwicklern die Kontrolle über wichtige Operationen und Aufgaben zur Kompilierung der Seite zu geben.

Werfen Sie etwas Licht auf Angular-Direktiven.

Bei den Angular-Direktiven gibt es drei wichtige Arten, z.B:

  • Attribute – Damit können Sie das Verhalten und das Aussehen von Elementen, anderen Direktiven und Komponenten ändern. Sie verwendet ngStyle und ngClass als Attribute von Elementen.
  • Komponenten – Sie bestehen aus Vorlagen, die eine einzelne Benutzeroberfläche mit CSS-Stilen, TypeScript-Code und HTML-Vorlagen definieren können. Sie sind in der Regel mit einem @-Symbol versehen, das einem Angular-Compiler die Möglichkeit gibt, sie durch die Komponentenvorlagen zu ersetzen.
  • Strukturell – Es ändert die Struktur der Ansicht, um einige Daten mithilfe verschiedener Direktiven wie ngIf-Direktiven ein- oder auszublenden.

Was ist TypeScript?

TypeScript ist eine stark typisierte Programmiersprache. Es handelt sich um ein Superskript von JavaScript, das auf JavaScript aufbaut. Sie bietet also alle Funktionen von JavaScript und führt Typen ein, so dass Entwickler Fehler abfangen können, bevor sie in die Produktion gehen.

Was sind Single-Page-Anwendungen?

Single-Page-Anwendungen sind Anwendungen, die aus einer einzigen HTML-Seite bestehen. SPAs aktualisieren den Inhalt der Webseite dynamisch, wenn der Benutzer mit der Anwendung interagiert, ohne die gesamte Anwendung neu zu laden. Angular ist ein Beispiel für ein Framework, das SPAs erstellt.

Was sind Annotationen?

Annotationen sind Textblöcke, die über einem Konnektor oder einem Knoten angezeigt werden können. Diese Funktionen können an Methoden, Eigenschaften oder Klassen angehängt werden, um zusätzliche Konfigurationen vorzunehmen oder deren Verhalten zu ändern. Um eine Anmerkung zu schreiben, beginnen Sie mit dem @-Symbol vor dem Zielelement, das Sie ausschmücken möchten.

Was sind Komponenten?

Komponenten sind die grundlegenden Bausteine der Benutzeroberfläche einer Angular-Anwendung. Diese Komponenten enthalten HTML, CSS und TypeScript, die definieren, wie ein Teil der Benutzeroberfläche aussehen und sich verhalten soll.

Erläutern Sie RxJS.

Reactive Extensions for JavaScript (RxJS) verwendet Observables, die es Entwicklern ermöglichen, reaktive Programmierung durchzuführen. Das Ziel ist es, mit dem RxJS-Framework in Angular callback-basierten Code oder asynchrone Operationen zu erstellen.

Es kann beim Streaming von Daten an Abonnenten helfen, die Werte von Publishern ausgeben. Wenn Sie nicht mit Angular arbeiten, können auch andere Programmiersprachen wie Python und Java Observables mit reaktivem Code verwenden.

Was sind dynamische Komponenten?

Dynamische Komponenten sind Komponenten, die während der Laufzeit erstellt und gerendert werden können. Dynamische Komponenten werden dynamisch erstellt, im Gegensatz zu statischen Komponenten, die im Markup deklariert oder in Vorlagen definiert sind. Sie können dynamische Komponenten verwenden, um dynamische Menüsysteme, dynamische Chatsysteme und vieles mehr zu erstellen.

Erklären Sie die Datenbindung.

Die Datenbindung gilt als eine der einflussreichsten und wichtigsten Funktionen, die eine Verbindung zwischen Komponenten und DOM herstellen können. Es ist einfach, den Prozess interaktiver Anwendungen zu definieren, ohne sich um das Ziehen und Schieben der Vorlagen und Komponenten kümmern zu müssen. In Angular werden mehrere Arten der Datenbindung verwendet, wie z.B

  • Eigenschaftsbindung,
  • Zwei-Wege-Datenbindung,
  • Ereignisbindung und
  • String-Interpolation.

Was sind Pipes?

Pipes sind Funktionen, die einen Eingabewert annehmen und einen transformierten Wert zurückgeben. Sie können Pipes verwenden, um Währungsbeträge, Daten oder Strings umzuwandeln.

Was sind reine Pipes und unreine Pipes?

Reine Pipes sind Pipes, deren Ausgabe durch die Eingaben bestimmt wird. Angular Pipes sind standardmäßig rein und werden nur aufgerufen, wenn eine Änderung in den Eingaben festgestellt wird.

Unreine Pipes werden immer dann aufgerufen, wenn es eine Änderung im Zyklus gibt. Diese Änderung muss jedoch nicht unbedingt an den Eingängen erfolgen. Impure Pipes hängen vom externen Zustand ab, z.B. von Ihrem Standort oder der Zeit.

Was ist die PipeTransform-Schnittstelle?

Eine PipeTransform-Schnittstelle ist eine integrierte Schnittstelle, die Eingabewerte akzeptiert und einen transformierten Wert zurückgibt. In Angular wird die Transform-Methode, transform(), mit dem Wert der Bindung als erstem Argument und anderen Parametern als zweitem Argument in Listenform aufgerufen.

Was sind Versprechen und Observables?

Promises in Angular sind unicast, d.h. sie werden nur einmal ausgeführt, auch wenn Sie sie mehrfach aufrufen.

Observables in Angular sind Multicast, d.h. sie werden jedes Mal ausgeführt, wenn Sie ein Observable abonnieren.

Was sind Controller?

Controller sind nur in AngularJS verfügbar. Angular verwendet jedoch Komponenten. Controller sind einer der Bestandteile der MVC-Architektur von AngularJS. Controller in AngularJS definieren das Verhalten und die Logik bestimmter Teile der Benutzeroberfläche.

Was ist String-Interpolation?

Die String-Interpolation ermöglicht die Anzeige dynamischer Daten für den Endbenutzer (in der HTML-Vorlage). Diese einseitige Bindungstechnik überträgt Daten aus TypeScript-Code in eine HTML-Vorlage oder Ansicht. Bei der String-Interpolation werden doppelte geschweifte Klammern ({{}}) verwendet, um Daten aus der Komponente in der Ansicht anzuzeigen.

Was ist Lazy Loading?

Diese Funktion ermöglicht es Ihnen, JavaScript-Komponenten zu laden, wenn eine bestimmte Route aktiviert wird. Dieser Ansatz kann die Leistung Ihrer App verbessern, da nicht alles auf einmal geladen wird.

Was ist ein FormBuilder?

FormBuilder ist eine Hilfsklasse, die verschiedene Möglichkeiten zur Erstellung von FormControl, FormGroup oder FormArray bietet. Diese Hilfsklasse reduziert die Menge an Angular Boilerplate, die für die Erstellung komplexer Formulare benötigt wird.

Was sind reaktive Formulare?

Reaktive Formulare sind Formulare, deren Zustand programmgesteuert verwaltet wird. Diese Formulare bieten Zugriff auf Informationen über ein bestimmtes Steuerelement durch Methoden und Eigenschaften, die von jeder Instanz bereitgestellt werden. Reaktive Formulare sind flexibel, leistungsstark und leicht zu testen.

Was sind Dekoratoren?

Dekoratoren sind Funktionen oder Merkmale, die das Hinzufügen von Metadaten zu einer Methode, Klasse, einem Parameter oder einer Eigenschaft ermöglichen. Dekoratoren können das Verhalten einer Methode, Klasse, eines Parameters oder einer Eigenschaft zur Entwurfszeit ändern oder verbessern. Wir verwenden das Symbol @ vor dem Dekorator.

Was sind Eigenschaftsdekoratoren?

Eigenschaftsdekoratoren werden auf Klasseneigenschaften angewendet, um deren Verhalten oder Metadaten zu ändern. Ein perfektes Beispiel für einen Eigenschaftsdekorator ist der @Input-Dekorator, der es der Eigenschaft ermöglicht, Werte von der übergeordneten Klasse zu erhalten/zu empfangen.

Was sind Klassen- und Methodendekoratoren?

Klassendekoratoren werden in Angular auf Klassen angewendet. Beispiele für Klassendekoratoren sind @Component, @NgModule und @Directive.

Methodendekoratoren werden auf Methoden innerhalb einer Klasse angewandt. Beispiele für Methodendekoratoren sind @HostListener und @ViewChild.

Was ist Eigenschaftsbindung?

Es handelt sich um einen einseitigen Mechanismus, mit dem Benutzer die Eigenschaftsansicht eines Elements festlegen können. Mit der Eigenschaftsbindung können Sie das Verhalten und Aussehen der Komponenten dynamisch steuern.

Was ist eine 2-Wege-Bindung?

Mit diesem Mechanismus können Benutzer eine Komponenteneigenschaft und eine Eigenschaft eines HTML-Elements binden. die 2-Wege-Bindung ermöglicht es Ihren Komponenten, auf Ereignisse zu warten und Werte zwischen untergeordneten und übergeordneten Komponenten dynamisch zu aktualisieren.

Was sind Template-Ausdrücke?

Das sind Ausdrücke, die in der Vorlage ausgewertet und angezeigt werden. Template-Ausdrücke werden verwendet, um dynamische Inhalte anzuzeigen, z. B. das Ergebnis einer Berechnung oder den Wert einer Eigenschaft.

Was sind Vorlagenanweisungen?

Template-Anweisungen sind Eigenschaften/Methoden, die Sie in Ihrem HTML-Code verwenden können, um auf Benutzerereignisse zu reagieren. Zu diesen Ereignissen gehören Mausbewegungen, das Absenden eines Formulars oder das Klicken auf eine Schaltfläche.

Was sind Module?

In Angular ist ein Modul ein Container, der verwandte Komponenten, Dienste, Pipes und Direktiven zusammenfasst, die in einer Anwendung zusammenarbeiten. Das Modularitätssystem in Angular ist als NgModule bekannt.

Was ist die state-Funktion?

Mit der Funktion state() können Sie verschiedene Zustände definieren, die Sie am Ende eines jeden Übergangs aufrufen können. Eine state()-Funktion benötigt zwei Argumente: einen eindeutigen Namen, d.h. geschlossen oder offen, und eine style()-Funktion.

Was ist die style-Funktion?

Eine style-Funktion deklariert ein value/key-Objekt, das CSS-Stile/-Eigenschaften enthält, die für einen Animationszustand innerhalb einer Animationssequenz verwendet werden können.

Was ist Multicasting?

Es handelt sich dabei um die Verwendung einer einzigen Ausführung zum Senden an eine Liste mit mehreren Abonnenten. Um dies zu erreichen, verwenden Sie ein Multicasting Observable, d.h. Sie müssen nicht mehrere Listener für Ihr Dokument registrieren, da Sie den ersten Listener wiederverwenden und Werte an alle Abonnenten senden können.

Welche verschiedenen Arten von Ereignissen können im Angular-Router ausgelöst werden?

Es gibt verschiedene Ereignisse, von denen wir nur einige erwähnen wollen.

NavigationStart: Wird ausgelöst, wenn der Router beginnt, eine neue Route zu navigieren.

NavigationEnd: Wird ausgelöst, wenn der Angular-Router die Navigation einer neuen Route beendet.

NavigationFehler: Wird ausgelöst, wenn der Router während der Navigation auf einen Fehler stößt.

Router-Links in Angular werden verwendet, um mit Hilfe des Angular Router-Moduls zwischen verschiedenen Komponenten oder Ansichten in einer Anwendung zu navigieren.

Sie können eine Route haben, die wie folgt zur Route “home” navigiert;

<a routerLink="/home">Home</a&gt

Erklären Sie Dependency Injection

Dependency Injection ist ein Konzept in Angular, das es Klassen mit Angular-Dekoratoren wie Injectables, Directives, Components und Pipes ermöglicht, die von ihnen benötigten Abhängigkeiten zu konfigurieren. Dieses Konzept erleichtert die Interaktion zwischen Anbietern und Nachfragern von Abhängigkeiten durch die Abstraktion Injector.

Erläutern Sie die MVVM-Architektur

MVVM ist die Kurzform für Model-View-ViewModel.

  • Modell: Dies stellt die Daten und die Geschäftslogik der Angular-Anwendung dar.
  • Ansicht: Dies stellt die Benutzeroberfläche dar.
  • ViewModel: Es fungiert als Vermittler zwischen dem Modell und der Ansicht. Die Komponenten in einer Angular-Anwendung entsprechen dem ViewModel.

Diskutieren Sie die Unterschiede zwischen strukturellen Direktiven und attributiven Direktiven

Strukturelle Direktiven werden verwendet, um Elemente hinzuzufügen oder aus dem DOM zu entfernen. Strukturelle Direktiven haben ein *-Symbol vor ihrem Namen. Beispiele sind *ngFor, *ngIf, und *NgSwitch.

Attribut-Direktiven werden verwendet, um das Aussehen oder Verhalten von DOM-Elementen zu ändern. Um diese Direktiven zu verwenden, müssen Sie ihnen eckige Klammern [] voranstellen.

Erklären Sie, wie benutzerdefinierte Elemente funktionieren

Die Funktion der benutzerdefinierten Elemente ermöglicht es Ihnen, eine wiederverwendbare Angular-Komponente zu erstellen und sie in anderen Frameworks, die Webkomponenten unterstützen, wiederzuverwenden. Sie können zum Beispiel ein benutzerdefiniertes Element namens home-button erstellen, das eine Schaltfläche mit Angular-Funktionen darstellt. Später können Sie diesen Home-Button in Ihrem HTML-Code wie normales HTML wiederverwenden.

Wie teilen sich Komponenten in Angular Daten?

  • Von Elternteil zu Kind: Verwenden Sie den @Input() -Dekorator, um Daten vom Elternteil an das Kind weiterzugeben.
  • Kind-zu-Elternteil: Verwenden Sie den @output() -Dekorator, um Daten von Kind-zu-Eltern-Komponenten auszutauschen.
  • Gemeinsamer Dienst: Sie können einen Dienst sowohl in die übergeordnete als auch in die untergeordnete Komponente injizieren und ihn dann zur gemeinsamen Nutzung von Daten verwenden.
  • AnsichtKind: Mit dem ViewChild-Dekorator können Sie von der übergeordneten Komponente aus auf eine untergeordnete Komponente zugreifen.

Fazit

Dies sind die wichtigsten Fragen und Antworten, die normalerweise in Angular-Interviews gestellt werden. Sie werden Ihnen helfen, sich auf das Vorstellungsgespräch vorzubereiten, es mit Bravour zu bestehen und Ihren Traumjob zu bekommen. Wenn Sie damit fertig sind, wissen Sie mehr über AngularJS.

Als nächstes erfahren Sie, wie Sie in Angular benutzerdefinierte Pipes für eine elegante Datendarstellung erstellen können.