29 am häufigsten gestellte Fragen und Antworten zu AngularJS-Interviews [Für Anfänger und Erfahrene]

AngularJS ist eines der beliebtesten Web-Frameworks in der modernen Tech-Szene. Obwohl AngularJS ursprünglich ein Google-Projekt war, wurde es später zu einem Open-Source-Framework. AngularJS ist ein clientseitiges JavaScript Model-View-Controller-Framework, das hauptsächlich zum Erstellen und dynamischen Webanwendungen, insbesondere Single-Page-Anwendungen, verwendet wird.

Da AngularJS vollständig auf HTML und JavaScript basiert, können Sie HTML als Vorlagensprache verwenden. Es ändert nicht nur statisches HTML in dynamisches HTML, sondern hilft auch dabei, die Fähigkeiten von HTML zu erweitern, indem es eingebaute Attribute hinzufügt. Abgesehen davon erweitert AngularJS auch die Fähigkeit von HTML, benutzerdefinierte Attribute mit JavaScript zu erstellen. Das Beste an AngularJS ist, dass seine Datenbindungs- und Abhängigkeitsinjektionsfunktionen dazu beitragen, dass kein redundanter Code geschrieben werden muss.

Die Popularität von AngularJS ist so weit verbreitet, dass die Nachfrage nach AngularJS-Fähigkeiten in der Branche stark ansteigt. Wenn Sie jedoch einen Job bekommen möchten, der AngularJS-Kenntnisse erfordert, müssen Sie zuerst das AngularJS-Interview knacken. Um Ihnen zu helfen, das AngularJS-Interview zu meistern, haben wir eine umfassende Liste mit Fragen und Antworten zu AngularJS-Interviews erstellt.

Hier geht!

Die besten Fragen und Antworten zu AngularJS-Interviews

1. Was ist AngularJS? Was sind die Hauptfunktionen von AngularJS?

AngularJS ist ein JavaScript-Framework, das von Google entwickelt wurde. Es wird zum Erstellen dynamischer und erweiterbarer Webanwendungen verwendet. Es basiert auf dem MVC-Pattern (Model View Controller) mit HTML als Template-Sprache. Wie wir in der Einführung erwähnt haben, läuft AngularJS auf einfachem JavaScript und HTML, was bedeutet, dass Sie sich nicht auf andere externe Abhängigkeiten verlassen müssen, um es zu verwenden. AngularJS hilft dabei, JavaScript-Objekte mit HTML-UI-Elementen zu verbinden.

Die Kernfunktionen von AngularJS sind:

• Vorlage
• Zielfernrohr
• Regler
• Dienstleistungen
• Modell
• Sicht
• Datenbindung
• Filter

Erfahren Sie mehr über: Angular 7.0 – Was ist neu in seinem Avatar?

2. Definieren Sie den Umfang in AngularJS.

In AngularJS ist Scope ein Anwendungsmodell, das als Bindeglied zwischen dem Anwendungscontroller und der Ansicht fungiert. Der Geltungsbereich dient der Überwachung von Ausdrücken und der Weitergabe von Ereignissen. Normalerweise sind Bereiche in einer hierarchischen Struktur organisiert, die die DOM-Struktur (Document Object Model) einer Anwendung repliziert. Es kann Ausdrücke überwachen und Ereignisse weitergeben.

3. Definieren Sie die Datenbindung in AngularJS.

Data Binding bezeichnet in AngularJS den Prozess, bei dem die Daten zwischen den Model- und View-Komponenten automatisch synchronisiert werden. Die Datenbindung trägt dazu bei, den Prozess der Definition interaktiver Anwendungen zu vereinfachen, ohne sich Gedanken über das Pushen oder Ziehen von Daten zwischen Ansicht/Vorlage und Komponente machen zu müssen. Es gibt vier Datenbindungsformen:

• Ereignisbindung
• Eigentumsbindung
• String-Interpolation
• Zwei-Wege-Datenbindung

4. Winkelausdruck definieren. Was ist der Unterschied zwischen Angular-Ausdrücken und JavaScript-Ausdrücken?

Winkelausdrücke sind Codeschnipsel, die in die Bindung eingefügt werden (ähnlich dem Stil von JavaScript), wie folgt:

{{ eckig }}

Winkelausdrücke helfen dabei, Anwendungsdaten an HTML zu binden.

Der Hauptunterschied zwischen JavaScript-Ausdrücken und Angular-Ausdrücken sind:

• Während JavaScript-Ausdrücke anhand eines globalen Fensters ausgewertet werden, werden Angular-Ausdrücke anhand eines Bereichsobjekts ausgewertet.
• Die Auswertung von Angular-Ausdrücken verzeiht null und undefined, aber in JavaScript erzeugen undefinierte Eigenschaften normalerweise TypeError oder ReferenceError.
• Im Gegensatz zu JavaScript erlauben Angular-Ausdrücke nicht die Verwendung von Schleifen, Bedingungen oder Ausnahmen.
• Während AngularJS Filter unterstützt, tut JavaScript dies nicht.

5. Nennen Sie die gängigen IDEs, die für die Entwicklung von AngularJS-Anwendungen verwendet werden.

Hier sind die am häufigsten verwendeten IDEs (Integrated Development Environment) für AngularJS:

• Eclipse – Dies ist eine der beliebtesten IDEs von Java/JavaScript-Entwicklern. Es unterstützt AngularJS-Plugins.
• Visual Studio – Dies ist eine Microsoft-IDE, die für die einfache und schnelle Entwicklung von Web-Apps entwickelt wurde.
• WebStorm – Dies ist zweifellos eine der leistungsstärksten IDEs für die moderne JavaScript-Entwicklung. Es ermöglicht die einfache Integration von Abhängigkeiten mit Angular CLI.
• Aptana – Dies ist eine angepasste Open-Source-Version von Eclipse. Es ist mit den neuesten Tools und Webstandards ausgestattet, die für die Webentwicklung erforderlich sind.
• Sublime Text – Dies ist eine sehr empfehlenswerte IDE für HTML, CSS und JavaScript. Natürlich ist es mit AngularJS kompatibel.

Überprüfen Sie auch: Ist AngularJS die richtige Wahl für Ihre nächste Entwicklung mobiler Apps?

6. Was sind Direktiven in AngularJS?

Direktiven in AngularJS sind nichts anderes als erweiterte HTML-Attribute mit dem Präfix „ng“. Es gibt drei Kerndirektiven von AngularJS:

• ng-app – Der Zweck dieser Direktive besteht darin, das HTML-Element zu markieren, das als Root-Element einer Angular-Anwendung betrachtet werden soll. Während Angular den Spinal-Case für benutzerdefinierte Attribute anwendet, verwendet es den CamelCase-Filter für die entsprechenden Anweisungen, die sie implementieren.
• ng-model – Diese Direktive hilft, die Werte von HTML-Steuerelementen (input, select, textarea) an die Anwendungsdaten zu binden. In einem ng-Modell ändert sich nicht nur der in der Ansicht widergespiegelte Bereich, sondern sogar die Änderungen in der Ansicht werden im Bereich widergespiegelt.
• ng-bind – Diese Direktive wird verwendet, um modale Anwendungsdaten an die HTML-Ansicht zu binden.

7. Was ist der Zweck von AngularJS-Routen?

Durch die Verwendung von AngularJS-Routen können Sie verschiedene URLs für verschiedene Inhalte in einer Angular-Anwendung erstellen. Auf diese Weise können Sie URLs mit ihrem spezifischen Inhalt markieren, und jede solche URL, die mit einem Lesezeichen versehen ist, wird in AngularJS als Route bezeichnet.

8. Definieren Sie die String-Interpolation in AngularJS.

In AngularJS bezieht sich die Zeichenfolgeninterpolation auf eine einzigartige Syntax, die Vorlagenausdrücke in geschweiften {{ }}-Klammern zum Anzeigen der Komponentendaten verwendet. String-Interpolation wird oft als „Schnurrbart-Syntax“ bezeichnet. Wenn Sie diese Syntax verwenden, müssen Sie zuerst die JavaScript-Ausdrücke (die ausgeführt werden müssen) in die doppelten geschweiften Klammern einfügen und dann die relative Ausgabe in einen HTML-Code einbetten.

9. Definieren Sie den „Digest-Zyklus“ von AngularJS.

Der Digest-Zyklus bezieht sich im Wesentlichen auf den Prozess der Datenbindung in AngularJS. Dabei werden die alten und neuen Versionen der Scope-Modellwerte gegeneinander ausgespielt und verglichen. Obwohl der Digest-Zyklus automatisch ausgelöst wird, können Sie den Vorgang auch mit „$apply()“ manuell starten.

10. Was ist der Unterschied zwischen Einwegbindung und Zweiwegbindung?

Die unidirektionale Bindung wird verwendet, um die Daten aus dem Modell an die Ansicht zu binden, ohne die HTML-Vorlage oder Ansicht automatisch zu aktualisieren. Bei diesem Ansatz müssen Sie also einen benutzerdefinierten Code schreiben, um die HTML-Vorlage zu aktualisieren, wodurch die Ansicht jedes Mal weiter aktualisiert wird, wenn die Daten von Modell zu Ansicht gebunden werden.

Im Gegensatz dazu bindet die bidirektionale Bindung die Daten aus dem Modell an die Ansicht und umgekehrt, indem die HTML-Vorlage automatisch aktualisiert wird, ohne dass Sie benutzerdefinierten Code schreiben müssen.

11. Verknüpfungsfunktion definieren. Nennen Sie die Arten von Verknüpfungsfunktionen.

Ein Link kombiniert die Anweisungen mit einem Bereich, um eine Live-Ansicht zu erstellen. Die Link-Funktion wird zum Registrieren von DOM-Listenern und zum Aktualisieren des DOM verwendet. Diese Funktion wird unmittelbar nach dem Klonen der Vorlage ausgeführt.

Es gibt zwei Arten von Verknüpfungsfunktionen:

• Pre-Linking-Funktion – Diese Funktion wird ausgeführt, bevor die untergeordneten Elemente verknüpft werden, und ist normalerweise kein sicherer Ansatz für die DOM-Transformation.
• Post-Linking-Funktion – Diese Funktion wird ausgeführt, nachdem die untergeordneten Elemente verknüpft wurden.

12. Was ist ein Injektor in AngularJS?

Ein Injector ist ein Service Locator in AngularJS. Der Hauptzweck des Injektors besteht darin, von den Anbietern definierte Objektinstanzen zu empfangen, Methoden aufzurufen, Module zu laden und Typen zu instanziieren. Jede Angular-Anwendung enthält einen Injektor, der dabei hilft, Objektinstanzen anhand ihres Namens zu suchen.

13. Nennen Sie die verschiedenen Gestaltungsformen, die ng-model zu CSS-Klassen hinzufügt.

Ein ng-model fügt CSS-Klassen die folgenden Styling-Formen hinzu:

• ng-gültig
• ng- ungültig
• ng-unberührt
• ng-schmutzig

14. Definieren Sie die Abhängigkeitsinjektion. Wie kann ein Objekt oder eine Funktion auf seine Abhängigkeiten zugreifen?

Dependency Injection (DI) ist ein Softwaredesignmuster, das festlegt, wie Code seine Abhängigkeiten abrufen kann. Es ermöglicht Komponenten, auf ihre Abhängigkeiten zuzugreifen, anstatt sie innerhalb einer Komponente fest zu codieren. Um die Elemente abzurufen, die konfiguriert werden müssen, wenn ein Modul in eine Anwendung geladen wird, verwendet die Operation „config“ DI.

Ein Objekt oder eine Funktion kann folgendermaßen auf ihre Abhängigkeiten zugreifen:

• Eine Abhängigkeit kann mit einem neuen Operator erstellt werden.
• Eine Abhängigkeit kann nachgeschlagen werden, indem auf eine globale Variable verwiesen wird.

15. Benennen Sie die Komponenten, die als Abhängigkeit in AngularJS injiziert werden können.

In AngularJS können Sie die folgenden Komponenten als Abhängigkeiten ineinander injizieren:

• Wert
• Bedienung
• Fabrik
• Konstante
• Anbieter

Finden Sie auch Antworten auf diese Frage: Warum Full-Stack-Entwickler werden?

16. Welche Schritte umfasst der Kompilierungsprozess von HTML?

Der Kompilierungsprozess von HTML umfasst die folgenden Schritte:

• Zunächst wird der HTML-Code mithilfe der standardmäßigen Browser-API in DOM geparst.
• Im nächsten Schritt wird über den Aufruf der Methode $compile() die Kompilierung des DOM durchgeführt. Die Methode durchläuft das DOM, um die Anweisungen abzugleichen.
• Der letzte Schritt besteht darin, die Vorlage mit einem Bereich zu verknüpfen, indem die Verknüpfungsfunktion aufgerufen wird, die aus dem vorherigen Schritt zurückgegeben wurde.

17. Was ist ein Dienst in AngularJS?

Dienste sind JavaScript-Funktionen, die bestimmte Aufgaben ausführen sollen. Beispielsweise wird die Funktion $https: verwendet, um einen AJAX-Aufruf zum Abrufen der Serverdaten zu tätigen, während die Funktion $route verwendet wird, um die Routing-Informationen zu definieren. Es gibt viele weitere solcher Dienste, die bestimmte Aufgaben ausführen können.

18. Direktive in AngularJS definieren. Nennen Sie die verschiedenen Arten von Direktiven.

In AngularJS ist eine Direktive ein Verhalten oder eine Funktion, die während des Kompilierungsprozesses ausgelöst wird, wenn auf bestimmte HTML-Konstrukte gestoßen wird. Direktiven sind Markierungen auf DOM-Elementen (wie Elementen, Attributen, CSS usw.). Sie können sie auch verwenden, um benutzerdefinierte HTML-Tags zu erstellen, die als neue, benutzerdefinierte Widgets fungieren.

Die vier Kerntypen von Richtlinien sind:

• Elementdirektiven
• Attributdirektiven
• Direktiven kommentieren
• CSS-Klassendirektiven

19. Unterscheiden Sie zwischen einer Annotation und einem Decorator in AngularJS.

In Angular sind Annotationen der einzige Metadatensatz der Klasse, der die Reflect Metadata-Bibliothek verwendet, um ein „Annotation“-Array zu erstellen. Dekorierer hingegen sind Entwurfsmuster, die zum Trennen der Dekoration oder Änderung einer Klasse verwendet werden, ohne den ursprünglichen Quellcode einer Anwendung zu ändern.

20. Controller definieren.

Controller sind JavaScript-Funktionen, die an einen bestimmten Geltungsbereich gebunden sind. Ihr Hauptziel ist es, Daten und Logik für die HTML-Benutzeroberfläche bereitzustellen. Sie sind die Hauptakteure im AngularJS-Framework, die steuern, wie die Daten vom Server zur HTML-Benutzeroberfläche fließen. Darüber hinaus führen Controller auch Funktionen zum Bearbeiten der Daten und zum Bestimmen, welche Ansicht aktualisiert werden muss, um die aktualisierten modellbasierten Daten anzuzeigen.

21. Wie werden Protokolle in AngularJS gepflegt?

Zur Pflege von Protokollen wird in AngularJS der $log-Dienst verwendet. Der Hauptzweck des $log-Dienstes besteht darin, beim Debuggen und bei der Fehlerbehebung durch die unten genannten Methoden zu helfen:

• log() – Wird verwendet, um eine Protokollnachricht in die Konsole zu schreiben.
• info()- Es wird verwendet, um eine Informationsnachricht zu schreiben.
• warn()- Es wird verwendet, um eine Warnmeldung zu schreiben.
• error()- Es wird verwendet, um eine Fehlermeldung zu schreiben.
• debug() – Wird verwendet, um eine Debug-Nachricht zu schreiben.

22. Definieren Sie $rootscope in AngularJS. Wie unterscheidet es sich von Scope?

In AngularJS sind sowohl $rootscope als auch $scope Objekte, die im Allgemeinen zum Teilen von Daten vom Controller zur Ansicht verwendet werden. Die beiden sind jedoch ziemlich unterschiedlich. Der Hauptunterschied zwischen $rootscope und $scope besteht darin, dass ersteres zwar global für alle Controller verfügbar ist, $scope jedoch nur in Controllern verfügbar ist, die es zusammen mit ihren untergeordneten Controllern erstellt haben.

23. Nennen Sie einige Browser, die AngularJS unterstützt.

Hier sind einige der Browser, die von AngularJS unterstützt werden:

• Mozilla-Firefox
• Google Chrome
• Microsoft Edge
• IE Mobil
• Safari (iOS)
• IE 10,11

24. Wie können Sie den HTML5-Modus in Angular 1.x aktivieren?

Um den HTML5-Modus in Angular 1.x zu aktivieren, müssen Sie den unten angegebenen Code ausführen:

angle.module('myApp', [ ])

.config(function($routeProvider, $locationProvider) {

$routeProvider

.wann('/', {

templateUrl : 'partials/home.html',

Controller: Hauptcontroller

})

// Verwenden Sie die HTML5-Verlaufs-API

$locationProvider.html5Mode(true);

});

25. Benennen Sie die eingebauten Validatoren in AngularJS.

AngularJS unterstützt alle Standard-HTML5-Attribute zur Validierung von Eingaben. Hier sind einige der integrierten Validatoren in AngularJS:

• Mindest
• max
• Erforderlich
• Typ=“Nummer“ ODER Typ=“E-Mail“

26. Wie tätige ich einen AJAX-Aufruf mit AngularJS?

Sie können den Dienst $https: in AngularJS verwenden, um einen AJAX-Aufruf zum Lesen von Daten vom Server zu tätigen. AngularJS erfordert Daten im JSON-Format. Der Server erstellt einen Datenbankaufruf, um die gewünschten Datensätze abzurufen. Sobald die Daten bereit sind, kann der Dienst $https: verwendet werden, um die Daten wie folgt vom Server abzurufen:

function studentController($scope,$https:) {

var url = „data.txt“;

$https:.get(url).success( Funktion(Antwort) {

$scope.students = Antwort;

});

}

27. Was ist Internalisierung in AngularJS?

In AngularJS bezieht sich Internationalisierung auf die Methode, mit der gebietsschemaspezifische Informationen auf einer Website angezeigt werden. Beispielsweise muss eine Website, die Inhalte in englischer Sprache in den Vereinigten Staaten und in dänischer Sprache in Frankreich anzeigt, je nach Standort internalisiert werden.

AngularJS bietet integrierte Internationalisierungsunterstützung für drei Arten von Filtern:

• Datum
• Zahlen
• Währung

28. Beschreiben Sie die Schritte des AngularJS-Startvorgangs.

Wenn Sie eine Seite in einem Browser laden, startet der Boot-Prozess von AngularJS. Die erforderlichen Schritte sind wie folgt:

• Die HTML-Dokumentdatei wird vom Browser geladen und ausgewertet. Dann wird die AngularJS-JavaScript-Datei geladen und ein globales Objekt erstellt.
• Im nächsten Schritt wird die für die Registrierung der Controller-Funktionen zuständige JavaScript-Datei ausgeführt.
• AngularJS scannt den HTML-Code, um AngularJS-Apps und -Ansichten zu finden. Wenn es erfolgreich eine Ansicht findet, verbindet es diese spezielle Ansicht mit der entsprechenden Controller-Funktion.
• Schließlich führt AngularJS die Controller-Funktionen aus und rendert die Ansichten mit Daten aus dem vom Controller gefüllten Modell, und die Seite kann vom Benutzer angezeigt werden.

29. Welchen Zweck erfüllen Filter in AngularJS?

Filter werden zum Formatieren des Werts eines Ausdrucks verwendet und zeigen ihn dem Benutzer an. In AngularJS werden Filter zu Templates, Direktiven, Controllern und Diensten hinzugefügt. Sie können auch benutzerdefinierte Filter erstellen. Durch die Verwendung von Filtern können Sie Daten so organisieren, dass der Datenwert nur angezeigt wird, wenn er ein bestimmtes Kriterium erfüllt. Filter werden Winkelausdrücken hinzugefügt, indem das „|“ verwendet wird. Zeichen gefolgt von einem Filter

Fazit

Hier sind also die 29 am häufigsten gestellten Fragen und Antworten zu AngularJS-Interviews , die Ihnen helfen werden, das Eis mit AngularJS zu brechen.

Wenn Sie mehr über AngularJS, Full-Stack-Entwicklung erfahren möchten, schauen Sie sich das PG-Diplom in Full-Stack-Softwareentwicklung von upGrad & IIIT-B an, das für Berufstätige konzipiert ist und mehr als 500 Stunden strenges Training, 9+ Projekte und mehr bietet Aufgaben, IIIT-B-Alumni-Status, praktische praktische Schlusssteinprojekte und Arbeitsunterstützung bei Top-Unternehmen.

Viel Spaß beim Lernen!