In Karriere und Entwicklung Letztes Updateated:
Teilen:
Jira-Software ist das Projektmanagement-Tool Nr. 1, das von agilen Teams zum Planen, Verfolgen, Freigeben und Unterstützen großartiger Software verwendet wird.

Sind Sie plannLust auf ein Vorstellungsgespräch für die Stelle als Angular-Entwickler? Nun, ich bereite deine vorself mit diesen Angular-Interviewfragen ist am besten.

Wenn Sie ein JavaScript-Entwickler sind, kennen Sie vielleicht das Angular-Framework für die Frontend-Entwicklung. Es ist zu einer der gefragtesten Fähigkeiten für Entwickler in der heutigen Welt geworden.

Es kann jedoch ein sein bit schwierig, ein gutes Verständnis zu habenanding des Angular-Frameworks. In einem solchen Fall ist es wichtig, auf alles vorbereitet zu sein, was ein Interviewer auf Sie zukommen lässt. Von Richtlinien bis hin zu Rahmenwerken wird es Ihnen dabei helfen, ein Vorstellungsgespräch zu meistern und den Job zu finden, der Ihre Karriere auf eine neue Ebene heben kann.

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

Was ist Angular und warum wurde es eingeführt? 

Angular ist eine Open-Source-Lösung JavaScript-Framework zum Erstellen von Single-Page-Anwendungen. Angular wird mit TypeScript erstellt und soll die Syntax von HTML erweitern. 

Angular war create2009 von Miško Hevery, einem Ingenieur bei Google, gegründet. Er hat es geschafftateIch habe dieses Framework als Lieblingsprojekt entworfen und es AngularJS, aber Google genannt later hob es auf. Nachdem Google die Entwicklung und Wartung dieses Frameworks übernommen hatte, wurde es in Angular 2.0, oder einfach Angular, umbenannt. 

Erwähnen Sie die Vorteile von Angular. 

  • Modulare Architektur: Code in Angular ist in Komponenten gruppiert, sodass Code einfach wiederverwendet und neu geschrieben werden kann, ohne den gesamten Quellcode zu ändern. Auf diese Weise können Sie eine komplexe, in Komponenten unterteilte Anwendung mit leicht lesbarem und organisiertem Code erstellen. 
  • Auf TypeScript aufgebaut: TypeScript ist ein hochgestelltes JavaScript. Typoskript ist für seine Codequalität bekannt, wodurch sich Codeprobleme leicht frühzeitig erkennen lassen. 
  • Unterstützt von Google: Google ist einer der großen Namen der Technologiewelt und verfügt über einige der besten Ingenieure. 
  • Deklarative Benutzeroberfläche: Angular erweitert die Funktionalität von HTML, einer einfach zu verwendenden Sprache. 
  • Unterstützt Progressive Web Apps (PWAs): Angular-Entwickler können erstellenate Progressive Web-Apps, die wie mobile Apps funktionieren und die damit verbundenen Kosten senkenated mit der Entwicklung. 

Besprechen Sie die Unterschiede zwischen Angular und Angular JS 

Die meisten Leute verwenden AngularJS und Angular austauschbar. Es handelt sich jedoch um unterschiedliche Frameworks. 

AngularJS war der erste, der cre warated, und es wurde mit JavaScript erstellt. Miško Hevery created AngularJS, aber Google eventually übernahm dessen Instandhaltung. Google hat die Wartung von AngularJS im Januar 2022 eingestellt. 

Nachdem Google AngularJS übernommen hatte, wurde es neuateIch habe alles von Grund auf neu erstellt und TypeScript für die Erstellung verwendetate ein neues Framework namens Angular 2.0 oder einfach Angular. Das neue Framework führte eine komponentenbasierte Architektur und andere erweiterte Funktionen ein. 

Was ist ein Winkelausdruck? Wie unterscheiden sie sich vom JavaScript-Ausdruck?

Angular Expression ist ein Codeausschnitt, der coders Platz in der {{ expression }}-Bindung. Der wesentliche Unterschied zwischen Angular- und JavaScript-Ausdrücken ist:

  • Es ist einfach, Filter zu verwenden, bevor Formatdaten angezeigt werden.
  • Die Auswertung verzeiht undefiniert und null anstelle von JavaScript undefiniert dieses Gensates ReferenceError und TypeError.
  • Auswertenated gegen ein Bereichsobjekt.
  • Winkelausdrücke umfassen Ausnahmen, Bedingungen und Schleifen.

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

Die Hooks des Angular-Lebenszyklus sind beliebt, wenn es darum geht, Trigger und Phasenwechsel während der gesamten Dauer einer bestimmten Phase zu überprüfen. Die Lebenszykluskomponente umfasst den Konstruktor, der in vier Hauptteile unterteilt ist: ngOchanges, ngOnInit, ngDoCheck und ngOnDestroy. ngOchanges speisen auch in ngAfterViewInit, ngAfterContentInit, ngAfterViewChecked und ngAfterContentChecked.

  • ngOnchanges( ) – Wenn eine (oder mehrere) Eingabeeigenschaften in den Komponenten geändert werden, wird diese Methode aufgerufen. Der prevWichtige und aktuelle Werte der Eigenschaften werden im Hook – SimpleChanges – empfangen.
  • ngOnInit( ) – Es kommt nach ngOchanges, um die Eingabeeigenschaften und Komponenten zu initialisieren.
  • ngDoCheck( ) – Es kommt am third Bühne zum Handeln und Erkennen von Änderungen, die mit Angular nicht möglich sind. Mit diesem Hook kann man schnell einen Änderungserkennungsalgorithmus implementieren.
  • ngAfterContentInit( ) – Ein weiterer Haken besteht darin, zu reagieren, nachdem man Inhaltsprojekte in der Komponente erhalten hat.
  • ngAfterContentChecked( ) – Als nächstes kommt ngAfterContentChecked, das nach jedem nachfolgenden ngDoCheck aufgerufen wird, und ngAftercontentInit antwortet, nachdem der Inhalt projiziert wurde.
  • ngAfterViewInit( ) – Der nächste aufzurufende Hook ist ngAfterViewInit, um auf die Ansicht der untergeordneten Komponente zu reagieren, nachdem die Ansicht der Komponente überprüft wurde.
  • ngOnDestroy( ) – Es hilft, Event-Handler abzutrennen und den Code zu bereinigen, bevor Angular die Komponente zerstört.

Was ist der Unterschied zwischen AOT und JIT in Angular?

Viele mögen zwischen AOT- und JIT-Compiler in Angular verwechselt werden, und daher ist es wichtig, die Grundlagen zu kennen:

  • Der AOT-Compiler (Ahead-of-Time) kompiliert den Code zum Zeitpunkt der Erstellung auf dem Server. Gleichzeitig befindet sich der Just-in-Time (JIT)-Compiler zur Laufzeit im browsäh für die Bewerbung.
  • AOT ist ideal für den Produktionsmodus, während JIT für den Entwicklungsmodus ist, der Code in einem Angular-Projekt kompilieren kann.
  • Die AOT-Kompilierung umfasst ng serve- und ng build-Befehle, während die JIT-Kompilierung ng serve- und ng build-CLI-Befehle umfasst.
  • AOT kann die Bündelgröße für ein schnelleres Rendern reduzieren, während JIT mit dem Debuggen und Implementieren wichtiger Funktionen zum Zuordnen von Dateien ausgestattet ist.

Tauchen Sie tief in die verschiedenen Arten von Winkelfiltern ein.

Angular verwendet einen Filter, um den Benutzern die Formatierung des Ausdruckswerts anzuzeigen, der zu tem hinzugefügt werden kannplatEs, Richtlinien, Dienste und Controller. Man kann Create personalisierte Filter basierend auf den Anforderungen, die es Benutzern ermöglichen, Daten nach Kriterien zu organisieren. Nach dem Pipe-Symbol ( | ) werden Filter in den Ausdruck eingefügt. Die in Angular verwendeten Hauptfilter sind:

  • Nummer - Um den Wert in einen String umzuwandeln
  • Währung - Konvertieren von Zahlen in das Währungsformat
  • json – Konvertieren eines beliebigen Objekts in eine JSON-Zeichenfolge
  • date - Konvertieren Sie es in ein beliebiges date Format
  • beschränken auf - Beschränken Sie das Array oder die Zeichenfolge auf bestimmte Zeichenfolgen oder Elemente
  • Sortieren nach - Ordnet das Array im Ausdruck an
  • Großbuchstaben – Konvertieren einer Zeichenfolge in Großbuchstaben
  • Kleinbuchstaben – Konvertieren einer Zeichenkette in Kleinbuchstaben
  • filtern – Wählen Sie eine Teilmenge aus dem angegebenen Array aus

Was ist Ansichtskapselung in Angular? 

Ansichtskapselung beschreibt Template- und Stilkapselung. Angular verfügt über drei Arten der Ansichtskapselung; Emulated, None und Shadow DOM. Emulated ist der Standardstil, bei dem Angular den HTML-Elementen der Komponente ein eindeutiges Attribut hinzufügt. Durch diesen Ansatz wird das Styling nur auf seine Ansicht angewendet. 

Erklären Sie Angular CLI

Angular Command Line Interface, oder einfach Angular CLI, ist ein Befehlszeilentool, mit dem Sie erstellen könnenate, entwickeln und warten Angular-Apps. Sie können auch erstellenate und verwalten Sie Arbeitsbereiche mit diesem Tool. Sie können auch generierenate Dokumentation mit Angular CLI.

Was ist Schematics CLI? 

Die Schematics-CLI basiert auf der Angular-CLI und wird zum Generieren verwendetate und aktualisiertate codieren und andere ausführen related Aufgaben für eine Angular-Anwendung. Schematics CLI hilft, sich wiederholende Aufgaben zu reduzieren und verfügt über vordefinierte Blaupausen, die Codekonsistenz und Best Practices gewährleisten. 

Was ist Angular Universal? 

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

Was sind Winkelelemente? 

Mit dieser Funktion können Entwickler Angular-Komponenten als Web- oder benutzerdefinierte Elemente verpacken. Wenn Sie eine Komponente in ein benutzerdefiniertes Element umwandeln, stellen Sie b die gesamte erforderliche Angular-Infrastruktur zur Verfügungrowser. 

Besprechen Sie die Angular-Authentifizierung und -Autorisierung

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

Die Autorisierung bezieht sich auf die process aufgrund der vorgelegten Anmeldeinformationen den Zugriff auf die Anwendungsressourcen zu verweigern oder zu gewähren. 

Definieren Sie Bootstrapping.

Bootstrapping ist eine Möglichkeit, die Anwendung in Angular automatisch zu starten oder zu initialisierenally oder manuellally. Wir helfen Ihnen, es besser zu verstehen:

  • Bei Bedarf ist beim Hinzufügen von ng-app-Anweisungen zum Tag ein automatisches Bootstrapping enthalten. Angular kompiliert das DOM und verknüpft esated mit der Modul-Finding-NG-App-Direktive.
  • Manuelles Bootstrapping dient dazu, die Angular-App zu initialisieren und den Entwicklern die Kontrolle zu geben, um wichtige Vorgänge und Aufgaben zum Kompilieren der Seite auszuführen.

Werfen Sie etwas Licht auf Angular-Anweisungen.

Wenn es um Angular-Direktiven geht, gibt es drei wichtige Arten wie:

  • Attribut – Damit kann man das Verhalten und Aussehen von Elementen, einer anderen Direktive und Komponenten ändern. Es verwendet ngStyle und ngClass als Attribute von Elementen.
  • Komponenten – Es besteht aus Templates, die eine einzelne Benutzeroberfläche mithilfe von CSS-Stilen, TypeScript-Code und HTML-Vorlagen definieren könnenplate. Es ist üblichally Dekorated mit dem @-Symbol, das einem eckigen Compiler die Möglichkeit gibt, es durch die Komponente tem zu ersetzenplatzB.
  • Strukturell – Es ändert die Ansichtsstruktur, um einige Daten mithilfe verschiedener Direktiven wie ngIf-Direktiven auszublenden oder anzuzeigen.

Was ist TypeScript?

TypeScript ist eine stark typisierte Programmiersprache. Es ist ein hochgestelltes JavaScript, das auf JavaScript aufbaut. Somit bietet es alle Funktionalitäten von JavaScript und eingeführten Typen, sodass Entwickler Fehler erkennen können, bevor sie in die Produktion übergehen. 

Was sind Single-Page-Anwendungen? 

Single-Page-Anwendungen sind Anwendungen, die über eine einzige HTML-Seite verfügen. SPAs dynamischally update den Inhalt der Webseite, während der Benutzer mit der Anwendung interagiert, ohne die gesamte Anwendung neu laden zu müssen. Angular ist ein Beispiel für ein Framework, das erstellt wurdeates SPAs. 

Was sind Anmerkungen? 

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

Was sind Komponenten? 

Komponenten sind die grundlegenden Bausteine ​​der Benutzeroberfläche einer Angular-App. Diese Komponenten verfügen über HTML, CSS und TypeScript, die definieren, wie ein Teil der Benutzeroberfläche aussehen und sich verhalten soll. 

Erklären Sie RxJS.

Reaktive Erweiterungen für JavaScript (RxJS) verwenden Observables, die es Entwicklern ermöglichen, reaktive Programmierung durchzuführen. Ziel ist es, Callback-basierten Code oder einen zu erstellensyncChronische Operationen mit dem RxJS-Framework in Angular.

Es kann beim Streamen von Daten an Abonnenten hilfreich sein, die Werte von Herausgebern ausgeben. Wenn Sie Angular nicht verwenden, können andere Programmiersprachen wie Python und Java Observables mithilfe von reaktivem Code verwenden.

Was sind dynamische Komponenten?

Dynamische Komponenten sind Komponenten, die erstellt werden könnenated und zur Laufzeit gerendert. Dynamische Komponenten sind Created dynamischally, im Gegensatz zu ihren statischen Komponenten, die im Markup deklariert oder in tem definiert werdenplates. Sie können dynamische Komponenten zum Erstellen verwendenate dynamische Menüsysteme, dynamische Chatsysteme und vieles mehr. 

Erklären Sie die Datenbindung.

Die Datenbindung gilt als eine der einflussreichsten und wesentlichsten Funktionen, die eine Verbindung zwischen Komponenten und DOM herstellen können. Es ist einfach zu definieren process von interaktiven Anwendungen, ohne sich Gedanken über das Ziehen und Schieben des Systems machen zu müssenplates und Komponenten. In Angular werden verschiedene Arten der Datenbindung verwendet, z

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

Was sind Rohre? 

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

Was sind reine Pfeifen und unreine Pfeifen? 

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

Unreine Rohre werden immer dann aufgerufen, wenn sich der Zyklus ändert. Diese Änderung muss sich jedoch nicht unbedingt auf die Eingaben beziehen. Unreine Rohre sind auf die äußere St. angewiesenate, wie zum Beispiel Ihr Standort oder Ihre Uhrzeit. 

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 Transformationsmethode transform() mit dem Wert der Bindung als erstem Argument und anderen Parametern als zweitem Argument in Listenform aufgerufen. 

Was sind Versprechen und Observablen? 

Promises in Angular sind Unicast-Befehle, was bedeutet, dass sie nur einmal ausgeführt werden, auch wenn Sie sie mehrmals aufrufen.

Beobachtbare in Angular sind Multicast-Befehle, was bedeutet, dass sie jedes Mal ausgeführt werden, 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 UI-Teile. 

Was ist String-Interpolation? 

Durch die String-Interpolation können Benutzer dem Endbenutzer dynamische Daten anzeigen (im HTML-Template).plate). Diese unidirektionale Bindungstechnik überträgt Daten vom TypeScript-Code in ein HTML-Elementplate oder ansehen. Bei der String-Interpolation werden doppelte geschweifte Klammern ({{}}) verwendet, um Daten von der Komponente in der Ansicht anzuzeigen. 

Was ist Lazy Loading? 

Mit dieser Funktion können Sie JavaScript-Komponenten laden, wenn eine bestimmte Route aktiv istateD. Dieser Ansatz kann die Leistung Ihrer App verbessern, da nicht alles auf einmal geladen wird. 

Was ist ein FormBuilder? 

FormBuilder ist eine Dienstprogrammklasse, die verschiedene Möglichkeiten zum Erstellen bietetate FormControl, FormGroup oder FormArray. Diese Gebrauchsklasse reduziert die Anzahl der EckkesselplatWir mussten Create komplexe Formen. 

Was sind reaktive Formen? 

Reaktive Formen sind Formen, deren state wird programmatisch gemanagtally. Diese Formulare bieten Zugriff auf Informationen zu einem bestimmten Steuerelement über Methoden und Eigenschaften, die von jeder Instanz bereitgestellt werden. Reaktive Formen sind flexibel, leistungsstark und einfach zu testen. 

Was sind Dekorateure? 

Dekoratoren sind Funktionen oder Features, die das Hinzufügen von Metadaten zu einer Methode, Klasse, einem Parameter oder einer Eigenschaft ermöglichen. Dekorateure 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 Immobiliendekorateure? 

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 vom übergeordneten Element abzurufen/empfangen. 

Was sind Klassen- und Methodendekoratoren? 

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

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

Was ist Eigentumsbindung? 

Es handelt sich um einen unidirektionalen Mechanismus, der es Benutzern ermöglicht, die Eigenschaftsansicht eines Elements festzulegen. Mit der Eigenschaftsbindung können Sie das Verhalten und Erscheinungsbild der Komponenten dynamisch steuernally. 

Was ist 2-Wege-Bindung? 

Mit diesem Mechanismus können Benutzer eine Komponenteneigenschaft und eine HTML-Elementeigenschaft binden. Durch die 2-Wege-Bindung können Ihre Komponenten auf Ereignisse und Aktualisierungen wartenate Werte dynamischally zwischen untergeordneten und übergeordneten Komponenten. 

Was sind Template Ausdrücke? 

Dies sind Ausdrücke, die ausgewertet werdenated und im Tem angezeigtplate. TemplatMithilfe von Ausdrücken werden dynamische Inhalte angezeigt, beispielsweise das Ergebnis einer Berechnung oder der Wert einer Eigenschaft. 

Was sind TemplatOstenatement? 

TemplatOstenateElemente sind Eigenschaften/Methoden, die Sie in Ihrem HTML-Code verwenden können, um auf Benutzerereignisse zu reagieren. Zu diesen Ereignissen gehören Mausbewegungen, Formularübermittlung oder Tastenklicks. 

Was sind Module? 

In Angular ist ein Modul ein Container, der gruppiert wird related Komponenten, Dienste, Pipes und Anweisungen, die in einer Anwendung zusammenarbeiten. Das Modularitätssystem in Angular ist als NgModule bekannt. 

Was ist der State Funktion? 

Sie können die St. verwendenate()-Funktion zum Definieren verschiedener states können Sie am Ende jedes Übergangs aufrufen. Eine state() Funktion benötigt zwei Argumente; ein eindeutiger Name, das heißt; geschlossen oder offen und eine style()-Funktion.

Was ist die Stilfunktion? 

Eine Stilfunktion deklariert ein Wert-/Schlüsselobjekt, das CSS-Stile/-Eigenschaften enthält, die für eine verwendet werden können animastate innerhalb eines animationssequenz. 

Was ist Multicasting? 

Dabei handelt es sich um die Praxis, mit einer einzigen Ausführung eine Übertragung an eine Liste an mehrere Abonnenten durchzuführen. Um dies zu erreichen, verwenden Sie ein Multicasting-Observable. Das bedeutet, dass Sie nicht mehrere Listener in Ihrem Dokument registrieren müssen, 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 Veranstaltungen, aber wir werden einige erwähnen.

NavigationStart: Wird ausgelöst, wenn der Router mit der Navigation einer neuen Route beginnt. 

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

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

Zur Navigation werden Router-Links in Angular verwendetate zwischen verschiedenen Komponenten oder Ansichten in einer Anwendung mithilfe des Angular Router-Moduls. 

Sie können eine Route erstellen, die navigiertates zur „Heim“-Route wie folgt;

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

Erklären Sie die Abhängigkeitsinjektion 

Abhängigkeitsinjektion ist ein Konzept in Angular, das es Klassen mit Angular-Dekoratoren wie Injectables, Direktiven, Komponenten und Pipes ermöglicht, die benötigten Abhängigkeiten zu konfigurieren. Dieses Konzept erleichtertates Interaktion zwischen Abhängigkeitsanbietern und Abhängigkeitskonsumenten über den Injektor abstractIon. 

Erklären Sie die MVVM-Architektur 

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

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

Besprechen Sie die Unterschiede zwischen Strukturanweisungen und Attributanweisungen 

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

Attributanweisungen werden verwendet, um das Aussehen oder Verhalten von DOM-Elementen zu ändern. Um diese Anweisungen verwenden zu können, müssen Sie hinzufügen square Klammern [] davor. 

Erklären Sie, wie benutzerdefinierte Elemente funktionieren

Mit der Funktion „Benutzerdefinierte Elemente“ können Sie erstellenate bist dusable Angular-Komponente und Wiederverwendung in anderen Frameworks, die Webkomponenten unterstützen. Sie können zum Beispiel erstellenate ein benutzerdefiniertes Element namens home-button, das eine Schaltfläche mit Angular-Funktionalität rendert. Later, Sie können dies wiederverwenden home-button in Ihrem HTML-Code wie normales HTML. 

 Wie teilen Komponenten Daten in Angular? 

  • Eltern-Kind: Verwenden Sie das @Input() Dekorator zum Teilen von Daten vom Elternteil zum Kind. 
  • Von Kind zu Eltern: Verwenden Sie das @output() Dekorator zum Teilen von Daten von untergeordneten zu übergeordneten Komponenten. 
  • Gemeinsamer Service: Sie können einen Dienst sowohl in übergeordnete als auch untergeordnete Komponenten einfügen und ihn dann zum Teilen von Daten verwenden. 
  • ViewChild: Mit dem ViewChild-Dekorator können Sie von der übergeordneten Komponente aus auf eine untergeordnete Komponente zugreifen. 

Schlussfolgerung

Dies sind die wesentlichen Fragen und Antwortenally gefragt in Angular-Interviews. Es wird Ihnen helfen, sich auf das Vorstellungsgespräch vorzubereiten, es zu meistern und Ihren Traumjob zu bekommen. Wenn Sie damit fertig sind, erfahren Sie mehr darüber AngularJS.

Als nächstes lesen Sie, wie es geht CREate kundenspezifische Rohre in Angular für elegante Datendarstellung.

Teilen:
  • Titus Kamunya
    Autor
    Titus ist Software-Ingenieur und Techniker Writer. Er entwickelt Web-Apps und schreibt über SaaS, React, HTML, CSS, JavaScript, Ruby und Ruby on Rails

Danke an unsere Sponsoren

Weitere großartige Lektüre auf Karriere

Google-Aufgabeate
So verdienen Sie Geld mit Google Task Mate

Möchten Sie in aller Ruhe etwas Geld verdienen? Sind Sie daran interessiert, zu reisen und spannende Orte kennenzulernen? Beantworten Sie gerne Umfragefragen, die Technologien verbessern? Wenn ja, werden Sie Google Task M liebenate.

Treiben Sie Ihr Geschäft an

Einige der Tools und Services, die Ihrem Unternehmen helfen grow.