75 Fragen und Antworten zum AngularJS-Interview (2026)

Hier finden Sie Fragen und Antworten zu AngularJS-Interviews für neue und erfahrene Kandidaten, die ihren Traumjob bekommen möchten.

Fragen und Antworten zum AngularJS-Interview für Erstsemester

1) Was ist AngularJS?

AngularJS ist ein JavaSkript-Framework zum Erstellen einzelner Webseitenanwendungen. Es ermöglicht Ihnen die Verwendung von HTML als Vorlagensprache und die Erweiterung der HTML-Syntax, um die Komponenten Ihrer Anwendung klar auszudrücken.

👉Kostenloser PDF-Download: Fragen und Antworten zum AngularJS-Interview >>

2) Was sind die Hauptmerkmale von AngularJS?

Die Hauptmerkmale von AngularJS sind:

Geltungsbereich
Controller
Modell
Ansehen
Leistungen
Datenbindung
Richtlinien
Filter
Testbar

3) Erklären Sie den Funktionsumfang in AngularJS

Geltungsbereich bezieht sich auf das Anwendungsmodell. Es fungiert als Bindeglied zwischen dem Anwendungscontroller und der Ansicht. Bereiche sind in einer hierarchischen Struktur angeordnet und imitieren die DOM-Struktur (Document Object Model) der Anwendung. Es kann Ausdrücke überwachen und Ereignisse weitergeben.

4) Erklären Sie Dienste in AngularJS

AngularJS-Dienste sind die Singleton-Objekte oder -Funktionen, die zur Ausführung bestimmter Aufgaben verwendet werden. Es enthält eine gewisse Geschäftslogik.

5) Was ist Angular Expression? Erklären Sie den Hauptunterschied zwischen Angular Expressions und JavaSkriptausdrücke

Like JavaSkript, Angular-Ausdrücke sind Codeausschnitte, die normalerweise in Bindungen wie {{ expression }} eingefügt werden

Der entscheidende Unterschied zwischen der JavaSkriptausdrücke und Angular-Ausdrücke sind:

Hintergrund: In Angular werden die Ausdrücke anhand eines Gültigkeitsbereichsobjekts ausgewertet, während die JavaSkriptausdrücke werden anhand des globalen Fensters ausgewertet.
Versöhnlich: In Angular-Ausdrücken ist die Auswertung nachsichtig gegenüber Null und Undefiniert, während in JavaUndefinierte Skripteigenschaften generieren TypeError oder ReferenceError
Keine Kontrollflussanweisungen: Schleifen, Bedingungen oder Ausnahmen können in einem Winkelausdruck nicht verwendet werden
Filters: Sie können Filter verwenden, um Daten vor der Anzeige zu formatieren.

6) Wie können Sie beim Laden der Seite ein Auswahlfeld mit Optionen initialisieren?

Sie können beim Laden der Seite mithilfe der Direktive ng-init ein Auswahlfeld mit Optionen initialisieren.

<div ng-controller = ” apps/dashboard/account ” ng-switch
Ein = „! ! Konten“ ng-init = „loadData()“>

7) Was sind Richtlinien? Nennen Sie einige der am häufigsten verwendeten Direktiven in AngularJS-Anwendungen

Eine Direktive ist etwas, das eine neue Syntax einführt. Sie sind wie Markierungen auf dem DOM-Element, die ihm ein besonderes Verhalten verleihen. In jeder AngularJS-Anwendung sind Direktiven die wichtigsten Komponenten.

Einige der am häufigsten verwendeten Anweisungen 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 zu bestimmten Inhalten als Lesezeichen zu speichern. Jede dieser mit Lesezeichen versehenen URLs in AngularJS wird als Route bezeichnet

Ein Wert in Angular JS ist ein einfaches Objekt. Es kann eine Zahl, eine Zeichenfolge oder JavaSkriptobjekt. Werte werden normalerweise als Konfiguration verwendet, die in Fabriken, Dienste oder Controller eingefügt wird. Ein Wert sollte zu einem AngularJS-Modul gehören.

Das Einfügen eines Werts in eine AngularJS-Controllerfunktion erfolgt durch Hinzufügen eines Parameters mit demselben Namen wie der Wert

9) Was ist Datenbindung in AngularJS?

Die automatische Synchronisierung von Daten zwischen den Modell- und Ansichtskomponenten wird in AngularJS als Datenbindung bezeichnet. Es gibt zwei Möglichkeiten für die Datenbindung

Data Mining in klassischen Template-Systemen
Datenbindung in Winkelvorlagen

10) Was sind die Vorteile von AngularJS?

Vorteile von AngularJS sind:

Rückrufe registrieren: Es ist nicht erforderlich, Rückrufe zu registrieren. Dadurch wird Ihr Code einfach und leicht zu debuggen.
Steuern Sie HTML-DOM programmgesteuert: Anwendungen, die mit Angular erstellt werden, müssen das DOM nicht manipulieren.
Übertragen Sie Daten zur und von der Benutzeroberfläche: AngularJS hilft dabei, fast das gesamte Boilerplate zu eliminieren. Es kann das Formular validieren, Fehler anzeigen, zu einem internen Modell zurückkehren usw.
Kein Initialisierungscode: Mit AngularJS können Sie Ihre App ganz einfach booten. Sie können in Ihrer Anwendung in Guice automatisch injizierte Dienste verwenden.

11) Was ist String-Interpolation in Angular.JS?

In Angular.js gleicht der Compiler während des Kompilierungsprozesses Text und Attribute ab. Es nutzt den Interpolationsdienst, um zu sehen, 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

Mithilfe der Standard-Browser-API wird zunächst der HTML-Code in das DOM analysiert
Durch den Anruf an die $compile () -Methode wird eine Kompilierung des DOM durchgeführt. Die Methode durchläuft das DOM und gleicht die Anweisungen ab.
Verknüpfen Sie die Vorlage mit einem Bereich, indem Sie die aus dem vorherigen Schritt zurückgegebene Verknüpfungsfunktion aufrufen

13) Erklären Sie Anweisungen und ihre Typen

Wenn während des Kompilierungsprozesses eine bestimmte HTML-Funktion ausgelöst wird, wird dies als Direktive bezeichnet. Es wird ausgeführt, wenn der Compiler es im DOM findet.

Verschiedene Arten von Anweisungen sind:

1) Elementanweisungen

2) Attributanweisungen

3) CSS-Klassenanweisungen

4) Kommentaranweisungen.

14) Erklären Sie die Verknüpfungsfunktion und ihre Typen

Link kombiniert die Anweisungen mit einem Bereich und erzeugt eine Live-Ansicht. Für die Registrierung von DOM-Listenern sowie für die Aktualisierung des DOM ist die Link-Funktion zuständig. Nachdem die Vorlage geklont wurde, wird sie ausgeführt.

Vorverlinkungsfunktion: Die Vorverknüpfungsfunktion wird ausgeführt, bevor die untergeordneten Elemente verknüpft werden. Dies gilt nicht als sichere Methode zur DOM-Transformation.
Beitragsverlinkungsfunktion: Die Post-Linking-Funktion wird ausgeführt, nachdem die untergeordneten Elemente verknüpft wurden. Es ist sicher, die DOM-Transformation über die Post-Linking-Funktion durchzuführen

15) Erklären Sie den Injektor in AngularJS

Ein Injektor ist ein Service-Locator. Es wird verwendet, um Objektinstanzen gemäß der Definition durch den Anbieter abzurufen, Typen zu instanziieren, Methoden aufzurufen und Module zu laden. Es gibt einen einzelnen Injektor pro Angular-Anwendung. Dies hilft, eine Objektinstanz anhand ihres Namens zu suchen.

16) Was ist der Hauptunterschied zwischen einem Link und einer Kompilierung in Angular.js?

Kompilierungsfunktion: Es wird für die DOM-Manipulation von Vorlagen verwendet und sammelt alle Anweisungen.
Linkfunktion: Es wird zum Registrieren von DOM-Listenern sowie beispielsweise zur DOM-Manipulation verwendet. Es wird ausgeführt, sobald die Vorlage geklont wurde.

17) Was ist die Factory-Funktion in AngularJS?

Zum Erstellen der Direktive wird die Factory-Methode verwendet. Sie wird nur einmal aufgerufen, wenn der Compiler zum ersten Mal mit der Direktive übereinstimmt. Durch die Verwendung von $injector.invoke wird die Factory-Methode aufgerufen.

18) Erklären Sie die Stilform, die ngModel zu CSS-Klassen hinzufügt

NgModel fügt diese CSS-Klassen hinzu, um die Formatierung von Formularen zu ermöglichen. Validierungsklassen von AngularJS sind:

ng- gültig
ng- ungültig
ng-makellos
ng-dreckig

19) Was sind die Merkmale von „Scope“?

Um Modellmutationen zu beobachten, stellen Bereiche APIs bereit ($watch)
Um alle Modelländerungen durch das System in die Ansicht von außerhalb des Angular-Bereichs 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 stellt den Kontext bereit, anhand dessen Ausdrücke ausgewertet werden

20) Was ist DI (Dependency Injection) und wie kann ein Objekt oder eine Funktion an seine Abhängigkeiten gelangen?

DI oder Dependency Injection ist ein Software-Designmuster, das sich damit befasst, wie Code seine Abhängigkeiten erhält. Um Elemente der Anwendung abzurufen, die beim Laden des Moduls konfiguriert werden müssen, verwendet die Operation „config“ Dependency Injection.

Dies sind die Methoden, mit denen ein Objekt seine Abhängigkeiten verwaltet

Normalerweise kann mit dem neuen Operator eine Abhängigkeit erstellt werden
Durch Verweis auf eine globale Variable kann die Abhängigkeit nachgeschlagen werden
Die Abhängigkeit kann dort weitergegeben werden, wo sie erforderlich ist

Fragen und Antworten zu AngularJS-Interviews für erfahrene Fachleute

21) Erklären Sie das Konzept der Bereichshierarchie

Jede Angular-Anwendung besteht aus einem Stammbereich, kann aber mehrere untergeordnete Bereiche haben. Da untergeordnete Controller und einige Anweisungen neue untergeordnete Bereiche erstellen, kann eine Anwendung mehrere Bereiche haben. Wenn neue Bereiche gebildet oder erstellt werden, werden sie als untergeordnete Bereiche ihres übergeordneten Bereichs hinzugefügt. Sie erstellen auch eine hierarchische Struktur ähnlich dem DOM.

22) Erklären Sie den Hauptunterschied zwischen AngularJS und backbone.js

AngularJS	backbone.js
AngularJS ist eine JavaSkriptbasiertes Open-Source-Framework, das zur Unterstützung dynamischer Webanwendungen entwickelt wurde.	backbone.js ist ein Framework, das DOM in Ansichten und Daten in Modelle abstrahiert und beide dann mithilfe von Ereignissen bindet.
Die Leistung ist gut, da es einen bidirektionalen Datenbindungsprozess ermöglicht	Die Backbone.js-Technologie bietet eine schnellere Leistung als AngularJS, wenn die Datensätze klein sind
Es funktioniert auf MVS (Multiple Virtual Storage).	Es funktioniert auf der MVP-Architektur.
AngularJS verwendet dynamische HTML-Attribute, um die Anwendung leicht verständlich zu machen.	Backbone.js verwendet Unterstrich-Vorlagen, um die Anwendung zu verstehen.
Es hat eine große Community-Unterstützung.	Der Community-Support ist auf die Unterstrich-Vorlage 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 mit HTML integrieren?

Entwickler können die folgenden Schritte befolgen, um AngularJS in HTML zu integrieren:

Schritt 1: einschließlich AngularJS JavaSkript in der HTML-Seite.

<head>
   <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>

Schritt 2: Weisen Sie auf die AngularJS-Anwendung hin.

Sie müssen das ng-app-Attribut innerhalb des HTML-Body-Tags hinzufügen, um anzugeben, welchen Teil der HTML-AngularJS-App hat, wie im folgenden Beispiel gezeigt:

<body ng-app = "testapp">
</body>

25) Was ist der Orderby-Filter in AngularJS?

Der Orderby-Filter in AngularJS sortiert das Array nach angegebenen Kriterien. Das folgende Beispiel zeigt, wie Sie Produkte nach Preis sortieren können.

<ul>
<li ng-repeat = "company in product.products | orderBy:'price">
      {{ company.product + ', price:' + product.price }}
   </li>
</ul>

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 ng-non-bindable > </title>

27) Erklären Sie die Verwendung des Doppelklick-Ereignisses in AngularJS

Mit dem Doppelklick-Ereignis von AgularJS können Sie ein benutzerdefiniertes Verhalten beim Doppelklick-Ereignis der Maus auf einer Webseite festlegen, wie:

<ELEMENT ng-dblclick="{expression}"> 
... 
</ELEMENT>

28) Erklären Sie ng-click-Anweisungen in AngularJS anhand eines Beispiels

Ng-Click-Direktiven können in einem Szenario verwendet werden, in dem Sie auf die Schaltfläche klicken müssen oder eine beliebige Operation ausführen möchten.

Ejemplo:

<button ng-click="count = count ++">Click</button>

29) Warum ng-include in AngularJS verwenden?

Ng-include in AngularJS hilft Ihnen, HTML-Seiten in eine einzelne HTML-Seite einzubetten. Beispiel:

<div ng-app = "" ng-controller = "interviewController">
   <div ng-include = "'first.htm'"></div>
   <div ng-include = "'phases.htm'"></div>
</div>

30) Wie können Sie mit Angular JS einen Ajax-Anruf tätigen?

AngularJS bietet ein $https:-Steuerelement, mit dem Sie Ajax-Aufrufe zum Lesen von Serverdaten durchführen können. Der Server führt einen Datenbankaufruf durch, um die erforderlichen Datensätze abzurufen. Sobald Ihre Daten im JSON-Format bereit sind, können Sie $https: verwenden, um Daten wie folgt vom Server abzurufen:

function employeeController($scope,$https:) {
   var url = "tasks.txt";
   $https.get(url).success( function(response) {
      $scope.employee = response; 
   });
}

31) Erklären Sie die Verwendung von $routeProvider

In Angular JS legt $routeProvider die URL-Konfiguration fest. Es ordnet sich der zugehörigen NG-Vorlage oder HTML-Seite zu und verknüpft einen Controller damit.

32) Wie können Sie Cookies in AngularJS setzen, abrufen und löschen?

Sie können verwenden:

Methode $cookies.put() zum Setzen der Cookies.
Methode $cookies.get() zum Abrufen der Cookies.
$cookies.remove zum Entfernen von Cookies in AngularJS.

33) Was ist eine Servicemethode?

Die Servicemethode in AngularJS hilft Ihnen, Service und Methode dafür zu definieren. Im folgenden Beispiel haben wir einen einfachen Additionsservice eingefügt, der zwei Zahlen addiert.

<! DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Event Registration</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<h3> Guru99 Global Event</h3>
<div ng-app = "mainApp" ng-controller = "DemoController">
    <p>Result: {{result}}</p>
</div>
<script>
    var mainApp = angular.module("mainApp", []);
    mainApp.service('AdditionService', function(){
        this.ADDITION = function(a,b) {
            return a+b;
        }
    });

    mainApp.controller('DemoController', function($scope, AdditionService) {

            $scope.result = AdditionService.ADDITION(5,6);
    });
</script>
</body>
</html>

34) Benennen Sie die AngularJS-Komponenten, die als Abhängigkeit eingefügt werden können

AngularJS-Komponenten, die als Abhängigkeit eingefügt werden können, sind: 1) Wert, 2) Fabrik, 3) Dienst, 4) Anbieter, 5) Konstante.

35) Was sind die allgemeinen Angular Global API-Funktionen?

Einige häufig verwendete Angular Global API-Funktionen sind:

Angular.isString: Es wird nur dann „true“ zurückgegeben, wenn die angegebene Referenz vom Typ „String“ ist.
Angular.lowercase: Es wandelt jede Zeichenfolge in Kleinbuchstaben um
Angular.uppercase: Es wandelt jede Zeichenfolge in Großbuchstaben um.
Angular.isNumber: Es gibt nur dann „true“ zurück, wenn die Referenz ein numerischer Wert oder eine Zahl ist.

36) Schreiben Sie ein Programm, um ein HTML-Tag mit nur einem Klick in Angular auszublenden

<!DOCTYPE html>
<html>
<head>
    <meta chrset="UTF 8">
    <title>Event Registration</title>
</head>
<body>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<h1> Guru99 Global Event</h1>
<div ng-app="DemoApp" ng-controller="DemoController">
    <input type="button" value="Hide Angular" ng-click="ShowHide()"/>
    <br><br><div ng-hide="IsVisible">Angular</div>
</div>
<script type="text/javascript">
    var app = angular.module('DemoApp',[]);
    app.controller('DemoController',function($scope){
        $scope.IsVisible = false;
        $scope.ShowHide = function(){
            $scope.IsVisible = $scope.IsVisible = true;
        }
        });
</script>
</body>
</html>

37) Was ist BOM (Browser Object Model)?

BOM oder Browser-Objektmodell besteht aus Verlauf, Objektnavigator, Bildschirmposition usw. Es gibt die globalen Browserobjekte wie Konsole, lokaler Speicher und Fenster an.

38) Erklären Sie „$rootScope“ in AngularJS

„$rootScope“ ist ein Bereich, der auf dem DOM-Element (Document Object Model) erstellt wird.

Eine Anwendung kann nur einen $rootScope haben, der unter anderem Komponenten teilt. Er hat die ng-app-Direktive. Andere Bereiche werden als untergeordneter Bereich bezeichnet. Er kann Ausdrücke beobachten und Ereignisse weitergeben.

39) Geben Sie ein Beispiel für ng-view in Angular

Betrachten Sie das folgende Beispiel:

<!DOCTYPE html>
<html>
<head>
    <meta chrset="UTF 8">
    <title>Event Registration</title>
    <script src="https://code.angularjs.org/1.5.9/angular-route.js"></script>
    <script src="https://code.angularjs.org/1.5.9/angular.min.js"></script>
    <script src="lib/bootstrap.js"></script>
</head>
<body ng-app="sampleApp">
<h1> Global Event</h1>
<div class="container">
    <ul><li><a href="#!NewEvent"> Add New Event</a></li>
        <li><a href="#!DisplayEvent"> Display Event</a></li>
    </ul>
    <div ng-view></div>
</div>
<script>
    var app = angular.module('sampleApp',["ngRoute"]);
    app.config(function($routeProvider){
        $routeProvider.
        when("/NewEvent",{
            templateUrl : "add_event.html",
            controller: "AddEventController"
        }).
        when("/DisplayEvent", {
            templateUrl: "show_event.html",
            controller: "ShowDisplayController"
        }).
        otherwise ({
            redirectTo: '/DisplayEvent'
        });
    });
    app.controller("AddEventController", function($scope) {
        $scope.message = "This is to Add a new Event";
    });
    app.controller("ShowDisplayController",function($scope){
        $scope.message = "This is display an Event";
    });
</script>
</body>
</html>

40) Wie lautet die Syntax der Factory-Methode in AngularJS?

Die Syntax von Factory lautet wie folgt:

app.factory('serviceName',function(){ return serviceObj;})

41) Nennen Sie verschiedene Phasen des AngularJS Scope-Lebenszyklus.

Hier sind verschiedene Phasen des AngularJS Scope-Lebenszyklus:

von Vorabkalkulationen
Modellmutation
Beobachterregistrierung
Mutationsbeobachtung
Zerstörung des Zielfernrohrs

42) Schreiben Sie ein Programm für den Bootstrap-Prozess in Angular

Programm für den Bootstrap-Prozess in Angular ist:

<html>
    <body ng-app="TestApp">
        <div ng-controller="Ctrl">Hi{{msg}}!</div>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.8/angular.min.js"> 
</script>
        <script>
            var test = angular.module('TestApp', []);
            test.controller('Ctrl', function($scope) {
                $scope.msg = 'Good Morning';
            });
        </script>
    </body>
</html>

43) Was ist eine Single-Page-Anwendung in AngularJS?

SPA oder Single Page Application ist eine Website oder Webanwendung, die dynamisch mit den Benutzern interagiert. In AngularJS JavaSkript, HTML und CSS passen auf eine einzige Seite. Die Navigation erfolgt, ohne dass die gesamte HTML-Seite aktualisiert werden muss.

44) Erklären Sie das Konzept von Webpack

Webpack ist ein Modul-Bundler für Angular2 oder höher. Es bündelt, transpiliert und minimiert AngularJS-Anwendungen.

45) Was meinst du mit NPM?

NPM steht für Node Package Manager. Es besteht aus einem Befehlszeilentool-Client für die Interaktion mit dem Repository des Node.js-Projekts.

46) Wie können Sie mithilfe der Befehlszeilenschnittstelle ein neues Projekt in AngularJS erstellen?

Sobald Sie die Angular-Befehlszeilenschnittstelle installiert haben, müssen Sie den Befehl ng new project-name ausführen, um ein neues Projekt in Angular zu erstellen.

47) Erklären Sie den Auto-Bootstrap-Prozess in AngularJS

Angular initialisiert automatisch das DOMContentLoaded-Ereignis oder wenn Sie das Angular.js-Skript in den Browser herunterladen.

Danach findet AngularJS die ng-app-Direktive, die die Wurzel der Angular-App-Kompilierung ist. Wenn die ng-app-Direktive gefunden ist, führt AngularJS die folgenden Schritte aus:

1) Laden Sie das Modul, das der Direktive zugeordnet ist.

2) Anwendungsinjektor erstellen,

3) Kompilieren Sie das DOM aus dem ng-app-Stammelement. Dieser Vorgang wird als Auto-Bootstrapping bezeichnet.

48) Was sind sofort aufgerufene Funktionsausdrücke?

IIFEs oder „sofort aufgerufene Funktionsausdrücke“ sind Funktionen, die ausgeführt werden, sobald sie erstellt werden. Es bietet eine einfache Möglichkeit, die Variablendeklaration zu isolieren. IIFEs enthalten zwei Hauptfunktionen:

1) Operator ()

2) Ausdruck()

49) Was ist der Digest-Zyklus in AngularJS?

Der Digest-Zyklus ist ein wichtiger Teil der Datenbindung in AngularJS vergleicht die alte und die neue Version des Scope-Modells. Der Digest-Zyklus wird automatisch oder manuell durch die Funktion $apply() ausgelöst.

50) Was ist die Grundvoraussetzung für die Arbeit mit AngularJS?

Sie müssen die neueste Version von AngularJS von AngularJS.com herunterladen, um AngularJS zu erlernen oder damit zu arbeiten. Sie können entweder eine JS-Datei benötigen und diese lokal hosten oder Sie können auch Google CDN (Content Delivery Network) verwenden, um darauf zu verweisen.

51) Können wir verschachtelte Controller in AngularJS erstellen?

Ja, wir können einen verschachtelten Controller in AngularJS erstellen.

Ein Beispiel für einen verschachtelten Controller ist wie folgt:

<div ng-controller="MainCtrl">
 <p>{{msg}} {{name}}!</p>
<div ng-controller="SubCtrl1">
<p>Hi {{name}}!</p>
   <div ng-controller="SubCtrl2">
     <p>{{msg}} {{name}}! Your name is {{name}}.</p>
   </div>
</div>
</div>

52) Was ist Authentifizierung?

Die Authentifizierung ist ein Dienst, der zum An- und Abmelden bei der Angular-Anwendung verwendet wird. Die Anmeldeinformationen der Benutzer werden an die API auf dem Server übergeben. Nach der serverseitigen Validierung dieser Anmeldeinformationen wird dann das JSON-Web-Token zurückgegeben, das Details zum aktuellen Benutzer enthält.

53) Definieren Sie AngularJS-Material

AngularJS Material ist eine Implementierung der Material Design Specification von Google. Es bietet eine Reihe bewährter, wiederverwendbarer UI-Komponenten für AngularJS-Programmierer.

54) Was sind die wichtigen Unterschiede zwischen Angular 7 und Angular 8?

Angular 7	Angular 8
Angular 7 ist schwer zu verwenden	Angular 8 ist sehr einfach zu bedienen
Es bietet Unterstützung für die niedrigere Version der Programmiersprache Typescript 3.4	Es bietet keine Unterstützung für die niedrigere Version der Programmiersprache Typescript 3.4
Unterstützt alle Versionen von Node.js	Unterstützt nur Node.js 12-Version.

55) Was ist ngzone?

Die Ngzone ist eine JavaScript-Wrapper-Klasse, die mit Zone.js gekennzeichnet ist. Sie ermöglicht Entwicklern, bestimmten Code explizit außerhalb der Zone von Angular auszuführen, was Angular daran hindert, Änderungen zu erkennen.

56) Listen Sie den Unterschied zwischen Angular Component und Directive auf

Komponente	Direktive
Angular Component ist eine Direktive, die es Ihnen ermöglicht, die Funktionalität der Webkomponente in der gesamten Anwendung zu nutzen.	Angular Directive ist eine Technik, mit der wir den Elementen Verhalten zuweisen.
Es hilft Ihnen, Ihre Anwendung in kleinere Komponenten zu unterteilen.	Es hilft Ihnen, die wiederverwendbaren Komponenten zu entwerfen.
Es kann Rohre definieren	Es können keine Pipes definiert werden.

57) Definieren Sie ECMAScript

ECMAScript (European Computer Manufacturer’s Association) ist ein Standard für Skriptsprachen. JavaScript verwendet ECMAScript als Kernsprache. Entwickler können es zum Schreiben von clientseitigen Skripten im World Wide Web und/oder Serveranwendungen und -diensten verwenden. ECMAScript verfügt über zahlreiche Funktionen wie funktionale, prototypische, dynamische und strukturierte Funktionen.

58) Was ist ein Traceur-Compiler?

Traceur ist ein JavaSkriptcompiler, der Klassen, Generatoren und andere Funktionen von ECMAScript verwendet.

59) Wie konvertiert man eine Zeichenfolge in eine Währung?

Sie können Zeichenfolgeneingaben in den Währungsfilter „Währungstyp“ in Angular umwandeln.

60) Was sind Vorlagen in AngularJS?

Eine Vorlage ist eine HTML-Datei, die mit AngularJs-Anweisungen und -Attributen verwendet wird.

61) Erklären Sie die Unterschiede zwischen Angular und jQuery

AngularJS	JQuery
AngularJs ist schwer zu verstehen	Jquery ist sehr einfach zu verstehen.
Es unterstützt den bidirektionalen Bindungsprozess	Der Datenbindungsprozess wird nicht unterstützt
Es bietet Unterstützung für Deep-Linking-Routing	Es bietet keine Unterstützung für Deep-Linking-Routing

62) Was ist die Ahead-of-Time-Zusammenstellung?

Angular AOT (Ahead of Time) ist ein Compiler, der Ihren Angular-HTML- und Typescript-Code in JavaSkriptcode.

63) Filtertypen in AngularJS auflisten

In AngularJS verwendete Filtertypen sind: 1) Währung, 2) Großbuchstaben, 3) Kleinbuchstaben, 4) orderBy, 5) JSON und 6) limitTo.

64) Erklären Sie die Funktion ngOnInit()

Die Funktion ngOnInit() ist ein Lebenszyklus-Hook, der nach Abschluss der datengebundenen Eigenschaften der Direktive aufgerufen wird.

65) Was ist Transklusion in AngularJS?

Die Transklusion in AngulaJS ermöglicht es Entwicklern, die ursprünglichen Direktivenunterelemente an eine bestimmte Stelle innerhalb einer Vorlage neu zuzuweisen. Die Direktive ng zeigt den Einfügepunkt für ein transkludiertes DOM der nächsten übergeordneten Direktive, die Transklusion verwendet. Die Direktiven ng-transclude-slot oder ng-transclude werden hauptsächlich für die Transklusion verwendet.

66) Beleuchtete Hooks sind in AngularJS verfügbar

Verschiedene Hooks in AngularJS sind:

1) ngOnInit()

2) ngOnChanges(),

3) ngDoCheck(),

4) ngAfterContentInit(),

5) ngAfterContentChecked(),

6) ngOnDestroy(),

7) ngAfterViewChecked() und

8) ngAfterViewInit()

67) Was sind die wichtigen Teile der AngularJS-Metadaten?

AngularJS-Metadaten werden verwendet, um eine Klasse zu dekorieren, die das erwartete Verhalten einer bestimmten Klasse darstellt. Verschiedene Teile von Metadaten sind: 1) Klassendekoratoren, 2) Methodendekoratoren, Parameterdekoratoren und 4) Eigenschaftsdekoratoren.

68) Was ist Angular CLI?

Angular CLI wird auch als Befehlszeilenschnittstellentool bezeichnet. Es wird zum Erstellen, Initialisieren und Verwalten von Angular-Apps verwendet. CLI-Software kann über eine sehr interaktive Benutzeroberfläche wie eine Befehlsshell oder eine Angular-Konsole verwendet werden.

69) Erklären Sie parametrisierte Pipes in AngularJS

In AngularJS können Pipes mehr als einen Parameter haben, um die Feinausgabe abzustimmen. Sie können eine parametrisierte Pipe erstellen, indem Sie die Pipe mit Doppelpunkt (:) und Parameterwerten deklarieren. Entwickler können mehrere Parameterwerte mit Doppelpunkt(:) trennen.

70) Was ist Routing?

Routing ist eine Methode zum Zusammenführen verschiedener Ansichten. Der Controller trifft die Entscheidung, diese Ansichten zu kombinieren, abhängig von logischen Anforderungen.

71) Was meinst du mit isolierten Unit-Tests?

Bei einem isolierten Test handelt es sich um einen Prozess, bei dem die Instanz einer Klasse überprüft wird, ohne dass injizierte Werte oder Winkelabhängigkeiten verwendet werden. Es hilft Ihnen, das Programm sehr einfach zu implementieren.

72) Benennen Sie DSL-Animationsfunktionen in AngularJS

DSL-Animationsfunktionen in AngularJS sind: 1) Group(), 2) State(), 3) Transition(), 4) Style(), 5) Keyframes(), 6) Trigger(), 7) Sequence() und 8) animieren().

73) Was ist das AngularJS-Modul?

In AngularJS ist ein Modul ein Prozess zum Gruppieren von Anweisungen und zugehörigen Dienstkomponenten. Es ordnet sie so an, dass sie mit anderen Modulen kombiniert werden können, um eine Anwendung zu erstellen.

74) Was sind Pipes in AngularJs?

In Angular bieten Pipes eine einfache Methode zur Transformation der Daten. Es verwendet Werte wie Arrays, Ganzzahlen, Daten und Zeichenfolgen als Eingabe und wird durch das Pipe-Symbol (|) geteilt. Es konvertiert die Daten in das erforderliche Format. Pipes zeigt dasselbe im Browser an. In AngularJS stehen einige integrierte Pipes zur Verfügung, aber Entwickler können auch eigene Pipes entwickeln.

75) Erklären Sie ViewEncapsulation in AngularJS

ViewEncapsulation bestimmt, ob sich die in der AngularJS-Komponente definierten Stile auf die gesamte App auswirken oder nicht.

Bereiten Sie sich auf Ihr Vorstellungsgespräch vor!!! Durchgehen AngularJS-Tutorial um besser vorbereitet zu sein.

Dieser detaillierte AngularJS-Mock-Test wird Ihnen helfen, Zweifel an AngularJS-Interviewfragen auszuräumen und das Interview zu meistern.

Diese Interviewfragen helfen auch bei Ihrer mündlichen Prüfung