Wir haben die am häufigsten gestellten Fragen und Antworten zu Angular-Interviews vorbereitet, die Sie mit der Art der AngularJS-Interviewfragen vertraut machen, die Interviewer während des Interviews stellen können. In dieser Liste der grundlegenden Interviewfragen zu AngularJS haben wir alle häufig gestellten grundlegenden und fortgeschrittenen Fragen und Antworten zu Angular-Interviews behandelt, damit Sie das Vorstellungsgespräch problemlos klären können.
Wir haben die 75 wichtigsten grundlegenden AngularJS-Interviewfragen für Erstsemester und AngularJS-Interviewfragen für erfahrene Kandidaten behandelt, um sie bei der Vorbereitung auf das Vorstellungsgespräch zu unterstützen. Diese detaillierte Anleitung mit Fragen und Antworten zu AngularJS-Vorstellungsgesprächen hilft Ihnen dabei, Ihr Vorstellungsgespräch zu knacken.
AngularJS Interview Fragen und Antworten für Erstsemester und Erfahrene
Im Folgenden werden häufig grundlegende Fragen und Antworten zu Angular-Interviews für Erstsemester sowie Fragen und Antworten zu Angular-Interviews für erfahrene Kandidaten gestellt, um den richtigen Job zu finden.
1) Was ist AngularJS?
AngularJS ist ein JavaScript-Framework zum Erstellen einzelner Webseitenanwendungen. Sie können HTML als Vorlagensprache verwenden und die HTML-Syntax erweitern, um die Komponenten Ihrer Anwendung klar auszudrücken.
2) Was sind die Hauptmerkmale von AngularJS?
Die Hauptmerkmale von AngularJS sind:
- Umfang
- Regler
- Modell
- Aussicht
- Dienstleistungen
- Datenbindung
- Richtlinien
- Filter
- Testbar
3) Erläutern Sie den Funktionsumfang in AngularJS
Der Umfang bezieht sich auf das Anwendungsmodell. Es wirkt wie ein Klebstoff zwischen dem Anwendungscontroller und der Ansicht. Bereiche sind in einer hierarchischen Struktur angeordnet und geben sich als DOM-Struktur (Document Object Model) der Anwendung aus. Es kann Ausdrücke beobachten und Ereignisse verbreiten.
4) Erläutern Sie die Dienste in AngularJS
AngularJS-Dienste sind die Singleton-Objekte oder -Funktionen, die zur Ausführung bestimmter Aufgaben verwendet werden. Es enthält eine Geschäftslogik.
5) Was ist Winkelausdruck? Erläutern Sie den Hauptunterschied zwischen Winkelausdrücken und JavaScript-Ausdrücken
Angular-Ausdrücke sind wie JavaScript Code-Schnipsel, die normalerweise in Bindungen wie {{expression}} platziert werden.
Der Hauptunterschied zwischen den JavaScript-Ausdrücken und den Winkelausdrücken ist:
- Kontext: In Angular werden die Ausdrücke anhand eines Bereichsobjekts ausgewertet, während die JavaScript-Ausdrücke anhand des globalen Fensters ausgewertet werden
- Vergeben: Im Angular-Ausdruck verzeiht die Auswertung null und undefiniert, während in JavaScript undefinierte Eigenschaften TypeError oder ReferenceError generieren
- Keine Kontrollflussanweisungen: Schleifen, Bedingungen oder Ausnahmen können nicht in einem Winkelausdruck verwendet werden
- Filter: Sie können Filter verwenden, um Daten vor der Anzeige zu formatieren.
6) Wie können Sie ein Auswahlfeld mit Optionen beim Laden der Seite initialisieren?
Sie können ein Auswahlfeld mit Optionen beim Laden der Seite mithilfe der Anweisung ng-init initialisieren.
- On = "!! Accounts" ng-init = "loadData ()">
7) Was sind Richtlinien? Nennen Sie einige der am häufigsten verwendeten Anweisungen in der AngularJS-Anwendung
Eine Direktive führt eine neue Syntax ein. Sie sind wie Markierungen auf dem DOM-Element, die ihm ein besonderes Verhalten hinzufügen. In jeder AngularJS-Anwendung sind Direktiven die wichtigsten Komponenten.
Einige der am häufigsten verwendeten Richtlinien sind:
1) ng-Modell
2) ng-App
3) ng-bind
4) ng-wiederholen
5) ng-show
8) Wie funktionieren Angular JS-Routen?
Mit AngularJS-Routen können Sie unterschiedliche URLs für unterschiedliche Inhalte in Ihrer Anwendung erstellen. Unterschiedliche URLs für unterschiedliche Inhalte ermöglichen es dem Benutzer, URLs für bestimmte Inhalte mit Lesezeichen zu versehen. Jede solche mit einem Lesezeichen versehene URL in AngularJS wird als Route bezeichnet
Ein Wert in Angular JS ist ein einfaches Objekt. Dies kann ein Zahlen-, Zeichenfolgen- oder JavaScript-Objekt sein. Werte werden normalerweise als Konfiguration verwendet, die in Fabriken, Dienste oder Controller eingespeist wird. Ein Wert sollte zu einem AngularJS-Modul gehören.
Das Injizieren eines Werts in eine AngularJS-Controller-Funktion erfolgt durch Hinzufügen eines Parameters mit demselben Namen wie der Wert
9) Was ist Datenbindung in AngularJS?
Die automatische Synchronisation von Daten zwischen den Modell- und Ansichtskomponenten wird in AngularJS als Datenbindung bezeichnet. Es gibt zwei Möglichkeiten zur Datenbindung
- Data Mining in klassischen Vorlagensystemen
- Datenbindung in eckigen Vorlagen
10) Was sind die Vorteile von AngularJS?
Vorteile von AngularJS sind:
- Registrieren Rückrufe: Es gibt keine Notwendigkeit , Rückrufe zu registrieren ist. Dies macht Ihren Code einfach und leicht zu debuggen.
- Programmgesteuertes HTML-DOM steuern: Anwendungen, die mit Angular erstellt wurden, müssen das DOM nicht bearbeiten.
- Übertragen von Daten zur und von der Benutzeroberfläche: AngularJS hilft dabei, fast die gesamte Boilerplate zu entfernen. Es kann das Formular validieren, Fehler anzeigen, zu einem internen Modell zurückkehren und so weiter.
- Kein Initialisierungscode: Mit AngularJS können Sie Ihre App einfach booten. Sie können in Guice automatisch injizierte Dienste in Ihre Anwendung verwenden.
11) Was ist String-Interpolation in Angular.JS?
In Angular.js stimmt der Compiler während des Kompilierungsprozesses mit Text und Attributen überein. Es verwendet den Interpolationsdienst, um festzustellen, ob sie eingebettete Ausdrücke enthalten. Im Rahmen des normalen Digest-Zyklus werden diese Ausdrücke aktualisiert und als Uhren registriert.
12) Was sind die Schritte für den Kompilierungsprozess von HTML?
Die Kompilierung des HTML-Prozesses erfolgt auf folgende Weise
- Bei Verwendung der Standard-Browser-API wird zunächst der HTML-Code in DOM analysiert
- Durch Verwendung des Aufrufs der Methode $ compile () wird eine Kompilierung des DOM durchgeführt. Die Methode durchläuft das DOM und stimmt mit den Anweisungen überein.
- Verknüpfen Sie die Vorlage mit einem Bereich, indem Sie die im vorherigen Schritt zurückgegebene Verknüpfungsfunktion aufrufen
13) Erklären Sie die Richtlinien und ihre Typen
Wenn während des Kompilierungsprozesses eine bestimmte HTML-Funktion ausgelöst wird, wird diese als Direktive bezeichnet. Es wird ausgeführt, wenn der Compiler im DOM darauf stößt.
Verschiedene Arten von Richtlinien sind:
1) Elementanweisungen
2) Attributanweisungen
3) CSS-Klassenanweisungen
4) Richtlinien kommentieren.
14) Erläutern Sie die Verknüpfungsfunktion und ihre Typen
Link kombiniert die Anweisungen mit einem Gültigkeitsbereich und erstellt eine Live-Ansicht. Für die Registrierung von DOM-Listenern sowie für die Aktualisierung des DOM ist die Link-Funktion verantwortlich. Nachdem die Vorlage geklont wurde, wird sie ausgeführt.
- Vorverknüpfungsfunktion: Die Vorverknüpfungsfunktion wird ausgeführt, bevor die untergeordneten Elemente verknüpft werden. Dies wird nicht als sicherer Weg für die DOM-Transformation angesehen.
- Post-Linking-Funktion: Die Post-Linking-Funktion wird ausgeführt, nachdem die untergeordneten Elemente verknüpft wurden. Es ist sicher, eine DOM-Transformation durch eine Nachverknüpfungsfunktion durchzuführen
15) Erklären Sie den Injektor in AngularJS
Ein Injektor ist ein Service Locator. Es wird verwendet, um vom Anbieter definierte Objektinstanzen abzurufen, Typen zu instanziieren, Methoden aufzurufen und Module zu laden. Es gibt einen einzelnen Injektor pro Angular-Anwendung. Es hilft, eine Objektinstanz anhand ihres Namens zu suchen.
16) Was ist der Hauptunterschied zwischen einem Link und einer Kompilierung in Angular.js?
- Kompilierungsfunktion: Sie wird zur Bearbeitung von Vorlagen-DOMs verwendet und sammelt alle Anweisungen.
- Verknüpfungsfunktion: Sie wird zum Registrieren von DOM-Listenern sowie zum Beispiel zur DOM-Manipulation verwendet. Es wird ausgeführt, sobald die Vorlage geklont wurde.
17) Was ist die Werksfunktion in AngularJS?
Zum Erstellen der Direktive wird die Factory-Methode verwendet. Es wird nur einmal aufgerufen, wenn der Compiler zum ersten Mal mit der Direktive übereinstimmt. Mit $ injizor.invoke wird die Factory-Methode aufgerufen.
18) Erläutern Sie das Styling-Formular, das ngModel CSS-Klassen hinzufügt
NgModel fügt diese CSS-Klassen hinzu, um das Gestalten von Formularen zu ermöglichen. Validierungsklassen von AngularJS sind:
- ng- gültig
- ng- ungültig
- ng-makellos
- ng-schmutzig
19) Was sind die Merkmale von "Scope"?
- Um Modellmutationen zu beobachten, bieten die Bereiche APIs ($ watch).
- Um Modelländerungen durch das System in die Ansicht von außerhalb des Winkelbereichs zu übertragen
- Ein Bereich erbt Eigenschaften von seinem übergeordneten Bereich. Während er Zugriff auf gemeinsam genutzte Modelleigenschaften bietet, können Bereiche verschachtelt werden, um Anwendungskomponenten zu isolieren
- Der Bereich bietet einen Kontext, anhand dessen Ausdrücke ausgewertet werden
20) Was ist DI (Dependency Injection) und wie kann ein Objekt oder eine Funktion seine Abhängigkeiten erfassen?
DI oder Dependency Injection ist ein Software-Entwurfsmuster, das sich damit befasst, wie Code seine Abhängigkeiten erfasst. Um Elemente der Anwendung abzurufen, die beim Laden des Moduls konfiguriert werden müssen, verwendet die Operation "config" die Abhängigkeitsinjektion.
Auf diese Weise hält das Objekt seine Abhängigkeiten fest
- In der Regel kann mit dem neuen Operator eine Abhängigkeit erstellt werden
- Durch Verweisen auf eine globale Variable kann die Abhängigkeit nachgeschlagen werden
- Die Abhängigkeit kann dort übergeben werden, wo sie benötigt wird
21) Erläutern Sie das Konzept der Bereichshierarchie
Jede Winkelanwendung besteht aus einem Stammbereich, kann jedoch mehrere untergeordnete Bereiche haben. Da untergeordnete Controller und einige Anweisungen neue untergeordnete Bereiche erstellen, kann eine Anwendung mehrere Bereiche haben. Wenn neue Bereiche erstellt oder erstellt werden, werden sie als untergeordnete Bereiche ihres übergeordneten Bereichs hinzugefügt. Sie erstellen auch eine hierarchische Struktur ähnlich wie DOM.
22) Erklären Sie den Hauptunterschied zwischen AngularJS und backbone.js
AngularJS Backbone.js AngularJS ist ein JavaScript-basiertes Open-Source-Framework, das dynamische Webanwendungen unterstützt. backbone.js ist ein Framework, das DOM in Ansichten und Daten in Modelle abstrahiert und dann beide mithilfe von Ereignissen bindet. Die Leistung ist gut, da sie einen bidirektionalen Datenbindungsprozess bietet Die Backbone.js-Technologie bietet eine schnellere Leistung als AngularJS, wenn die Datenmengen klein sind Es funktioniert auf MVS (Multiple Virtual Storage). Es funktioniert auf MVP-Architektur. AngularJS verwendet ein dynamisches HTML-Attribut, um die Anwendung leicht verständlich zu machen. Backbone.js verwendet Unterstrichvorlagen, um die Anwendung zu verstehen. Es hat große Community-Unterstützung. Die Community-Unterstützung ist auf die Unterstrichvorlage beschränkt. 23) Wer hat Angular JS erstellt?
AngularJS wurde von Adam Abrons und Misko Hevery entwickelt. Derzeit wird es von Google entwickelt.
24) Wie können Sie AngularJS in HTML integrieren?
Entwickler können die folgenden Schritte ausführen, um AngularJS in HTML zu integrieren:
Schritt 1: Einfügen von AngularJS JavaScript in die HTML-Seite.
Schritt 2: Weisen Sie auf die AngularJS-Anwendung hin.
Sie müssen das ng-app-Attribut im HTML-Body-Tag hinzufügen, um festzustellen, welchen Teil der HTML AngularJS-App hat, wie im folgenden Beispiel gezeigt:
25) Was ist ein Orderby-Filter in AngularJS?
Der Orderby-Filter in AngularJS ordnet das Array nach festgelegten Kriterien. Das folgende Beispiel zeigt, wie Sie ein Produkt nach Preis bestellen können.
- {{ company.product + ', price:' + product.price }}
26) Was ist ng-non-bindable in AngularJS?
Ng-non-bindable gibt AngularJs an, das HTML-Element und seine untergeordneten Knoten nicht zu kompilieren. Zum Beispiel:
</ title></p> <h3>27) Erläutern Sie die Verwendung des Doppelklickereignisses in AngularJS</h3> <p>Mit dem Doppelklickereignis von AgularJS können Sie ein benutzerdefiniertes Verhalten für das Doppelklickereignis der Maus auf einer Webseite wie folgt festlegen:</p> <pre translate="no"><ELEMENT ng-dblclick="{expression}">… </ELEMENT></pre> <h3>28) Erläutern Sie ng-click-Anweisungen in AngularJS anhand eines Beispiels</h3> <p>Ng-Click-Anweisungen können in einem Szenario verwendet werden, in dem Sie auf die Schaltfläche klicken müssen oder eine Operation ausführen möchten.</p> <p>Beispiel:</p> <pre translate="no"><button ng-click="count = count ++">Click</button></pre> <h3>29) Warum ng-include in AngularJS verwenden?</h3> <p>Mit Ng-include in AngularJS können Sie HTML-Seiten in eine einzelne HTML-Seite einbetten. Beispiel:</p> <pre translate="no"><div ng-app = "" ng-controller = "interviewController"><div ng-include = "'first.htm'"></div><div ng-include = "'phases.htm'"></div></div></pre> <h3>30) Wie können Sie mit Angular JS einen Ajax-Anruf tätigen?</h3> <p>AngularJS bietet das Steuerelement $ https:, mit dem Sie einen Ajax-Aufruf zum Lesen von Serverdaten tätigen können. Der Server führt einen Datenbankaufruf durch, um die erforderlichen Datensätze abzurufen. Sobald Ihre Daten im JSON-Format fertig sind, können Sie mit $ https: Daten auf folgende Weise vom Server abrufen:</p> <pre translate="no">function employeeController($scope,$https:) {var url = "tasks.txt";$https.get(url).success( function(response) {$scope.employee = response;});}</pre> <h3>31) Erläutern Sie die Verwendung von $ routeProvider</h3> <p>In Angular JS legt $ routeProvider die URL-Konfiguration fest. Es wird der zugehörigen ng-Vorlage oder HTML-Seite zugeordnet und mit derselben ein Controller verbunden.</p> <h3>32) Wie können Sie in AngularJS Cookies setzen, abrufen und löschen?</h3> <p>Sie können verwenden:</p> <ul> <li>$ cookies.put () Methode zum Setzen der Cookies.</li> <li>$ cookies.get () Methode, um die Cookies zu erhalten.</li> <li>$ cookies.remove, um Cookies in AngularJS zu entfernen.</li> </ul> <h3>33) Was ist eine Servicemethode?</h3> <p>Die Dienstmethode in AngularJS hilft Ihnen dabei, den Dienst und die Methode dafür zu definieren. Im folgenden Beispiel haben wir einen einfachen Additionsdienst eingefügt, der zwei Zahlen hinzufügt.</p> <pre translate="no"><! DOCTYPE html><html><head><meta charset="UTF-8"><title>Event Registration Guru99 Global Event
Result: {{result}}