75 AngularJS-interviewvragen en antwoorden (2024)

Hier zijn AngularJS-interviewvragen en -antwoorden voor zowel nieuwere als ervaren kandidaten om hun droombaan te krijgen.

 

AngularJS sollicitatievragen en antwoorden voor eerstejaarsstudenten

1) Wat is AngularJS?

AngularJS is een JavaScript-framework dat wordt gebruikt voor het maken van afzonderlijke webpagina-applicaties. Hiermee kunt u HTML als uw sjabloontaal gebruiken en kunt u de HTML-syntaxis uitbreiden om de componenten van uw toepassing duidelijk uit te drukken.

👉 Gratis pdf-download: vragen en antwoorden over AngularJS-interviews >>


2) Wat zijn de belangrijkste kenmerken van AngularJS?

De belangrijkste kenmerken van AngularJS zijn:

  • strekking
  • Controller
  • Model
  • Bekijk
  • Diensten
  • Dataverbinding
  • instructies
  • filters
  • Testbaar

3) Leg de functieomvang in AngularJS uit

strekking verwijst naar het toepassingsmodel. Het fungeert als een lijm tussen de applicatiecontroller en de weergave. Scopes zijn gerangschikt in een hierarchical-structuur en imiteer de DOM-structuur (Document Object Model) van de applicatie. Het kan uitdrukkingen bekijken en gebeurtenissen propageren.


4) Uitleg van services in AngularJS

AngularJS-services zijn de singleton-objecten of -functies die worden gebruikt voor het uitvoeren van specifieke taken. Er zit een zekere bedrijfslogica in.


5) Wat is hoekexpressie? Leg het belangrijkste verschil uit tussen hoekige expressies en JavaScript-expressies

Net als JavaScript zijn Angular-expressies codefragmenten die meestal in een binding worden geplaatst, zoals {{ expression }}

Het belangrijkste verschil tussen de JavaScript-expressies en Angular-expressies is:

  • Achtergrond: In Angular worden de expressies geëvalueerd aan de hand van een scope-object, terwijl de JavaScript-expressies worden geëvalueerd aan de hand van het globale venster
  • vergevingsgezind: In Angular-expressie is de evaluatie vergevingsgezind tot null en ongedefinieerd, terwijl in JavaScript ongedefinieerde eigenschappen TypeError of ReferenceError genereren
  • Geen controlestroomverklaringen: Lussen, conditionals of uitzonderingen kunnen niet worden gebruikt in een hoekuitdrukking
  • Filters: U kunt filters gebruiken om gegevens op te maken voordat ze worden weergegeven.

6) Hoe kunt u een selectie initialiseren box met opties voor het laden van de pagina?

U kunt een selectie initialiseren box met opties voor het laden van pagina's met behulp van de ng-init-richtlijn.

  • <div ng-controller = ” apps/dashboard/account ” ng-switch
  • Aan = “! ! accounts” ng-init = ” loadData ( ) “>

7) Wat zijn richtlijnen? Noem enkele van de meest gebruikte richtlijnen in de AngularJS-applicatie

Een richtlijn is iets dat een nieuwe syntaxis introduceert. Ze zijn als markeringen op het DOM-element, die er een speciaal gedrag aan koppelen. In elke AngularJS-toepassing zijn richtlijnen de belangrijkste componenten.

Enkele veelgebruikte richtlijnen zijn:

1) ng-model

2) ng-app

3) ng-binden

4) ng-herhaling

5) ng-show


8) Hoe werken Angular JS-routes?

Met AngularJS-routes kunt u verschillende URL's maken voor verschillende inhoud in uw applicatie. Verschillende URL's voor verschillende inhoud stellen de gebruiker in staat URL's te bookmarken voor specifieke inhoud. Elke dergelijke bladwijzerbare URL in AngularJS wordt een route genoemd

Een waarde in Angular JS is een eenvoudig object. Het kan een getal-, tekenreeks- of JavaScript-object zijn. Waarden worden doorgaans gebruikt als configuratie die in fabrieken, diensten of controllers wordt geïnjecteerd. Een waarde moet bij een AngularJS-module horen.

Het injecteren van een waarde in een AngularJS-controllerfunctie gebeurt door een parameter toe te voegen met dezelfde naam als de waarde


9) Wat is databinding in AngularJS?

Automatisch syncDe synchronisatie van gegevens tussen de model- en weergavecomponenten wordt in AngularJS gegevensbinding genoemd. Er zijn twee manieren om gegevens te binden

  1. Datamining in klassieke sjabloonsystemen
  2. Gegevensbinding in hoekige sjablonen

10) Wat zijn de voordelen van AngularJS?

Voordelen van AngularJS zijn:

  • Terugbelverzoeken registreren: Het is niet nodig om terugbelverzoeken te registreren. Dit maakt uw code eenvoudig en gemakkelijk te debuggen.
  • Beheer HTML DOM programmatisch: Applicaties die met Angular zijn gemaakt, hoeven de DOM niet te manipuleren.
  • Gegevens overdragen van en naar de gebruikersinterface: AngularJS helpt bijna de hele standaard te elimineren. Het kan het formulier valideren, fouten weergeven, terugkeren naar een intern model, enzovoort.
  • Geen initialisatiecode: Met AngularJS kunt u uw app eenvoudig opstarten. U kunt automatisch geïnjecteerde services in uw toepassing in Guice gebruiken.

11) Wat is stringinterpolatie in Angular.JS?

In Angular.js matcht de compiler tijdens het compilatieproces tekst en attributen. Het maakt gebruik van de interpolatieservice om te zien of ze ingebedde expressies bevatten. Als onderdeel van de normale spijsverteringscyclus worden deze uitdrukkingen bijgewerkt en geregistreerd als horloges.


12) Wat zijn de stappen voor het compilatieproces van HTML?

Compilatie van het HTML-proces vindt plaats in het volgendewing manieren

  • Met behulp van de standaard browser-API wordt de HTML eerst geparseerd in DOM
  • Door gebruik te maken van de oproep naar de $compile () methode wordt een compilatie van de DOM uitgevoerd. De methode doorkruist de DOM en komt overeen met de richtlijnen.
  • Koppel de sjabloon aan een bereik door de koppelingsfunctie aan te roepen die is geretourneerd uit de vorige stap

13) Leg richtlijnen en hun typen uit

Wanneer tijdens het compilatieproces een specifieke HTML-functie wordt geactiveerd, wordt dit een richtlijn genoemd. Het wordt uitgevoerd wanneer de compiler het in de DOM tegenkomt.

Verschillende soorten richtlijnen zijn:

1) Elementrichtlijnen

2) Attribuutrichtlijnen

3) CSS-klasserichtlijnen

4) Commentaarrichtlijnen.


14) Leg de koppelingsfunctie en de typen ervan uit

Link combineert de richtlijnen met een scope en produceert een liveweergave. Voor het registreren van DOM-listeners en voor het bijwerken van de DOM is de linkfunctie verantwoordelijk. Nadat de sjabloon is gekloond, wordt deze uitgevoerd.

  • Functie vooraf koppelen: De pre-linkfunctie wordt uitgevoerd voordat de onderliggende elementen worden gekoppeld. Het wordt niet beschouwd als een veilige manier voor DOM-transformatie.
  • Functie voor het koppelen van berichten: De functie voor het koppelen van berichten wordt uitgevoerd nadat de onderliggende elementen zijn gekoppeld. Het is veilig om DOM-transformatie uit te voeren via de post-linkfunctie

15) Uitleg over injector in AngularJS

Een injector is een servicelocator. Het wordt gebruikt om objectinstanties op te halen zoals gedefinieerd door de provider, typen te instantiëren, methoden aan te roepen en modules te laden. Er is één injector per Angular-toepassing, het helpt om een ​​objectinstantie op naam op te zoeken.


16) Wat is het belangrijkste verschil tussen een link en een compilatie in Angular.js?

  • Compileer functie: Het wordt gebruikt voor sjabloon-DOM-manipulatie en verzamelt alle richtlijnen.
  • Link-functie: Het wordt gebruikt voor het registreren van DOM-listeners en bijvoorbeeld voor DOM-manipulatie. Het wordt uitgevoerd zodra de sjabloon is gekloond.

17) Wat is de fabrieksfunctie in AngularJS?

Voor het maken van de richtlijn wordt de fabrieksmethode gebruikt. Het wordt slechts één keer aangeroepen wanneer de compiler voor de eerste keer overeenkomt met de richtlijn. Door $injector.invoke te gebruiken wordt de fabrieksmethode aangeroepen.


18) Leg de stijlvorm uit die ngModel aan CSS-klassen toevoegt

NgModel voegt deze CSS-klassen toe om de vormgeving van de vorm mogelijk te maken. Validatieklassen van AngularJS zijn:

  1. ng- geldig
  2. ng- ongeldig
  3. ng-ongerept
  4. ng-vies

19) Wat zijn de kenmerken van “Scope”?

  • Aan waarnemers bieden modelmutaties scopes API's ($watch)
  • Om eventuele modelwijzigingen via het systeem door te geven aan de weergave van buiten het hoekgebied
  • Een bereik neemt eigenschappen over van het bovenliggende bereik, terwijl het toegang biedt tot gedeelde modeleigenschappen. Bereiken kunnen worden genest om applicatiecomponenten te isoleren
  • Scope biedt context waartegen expressies worden geëvalueerd

20) Wat is DI (Dependency Injection) en hoe kan een object of functie grip krijgen op zijn afhankelijkheden?

DI of Dependency Injection is een softwareontwerppatroon dat zich bezighoudt met hoe code zijn afhankelijkheden in handen krijgt. Om elementen van de applicatie op te halen die moeten worden geconfigureerd wanneer de module wordt geladen, moet de operatie “config” maakt gebruik van afhankelijkheidsinjectie.

Dit zijn de manieren waarop het object zijn afhankelijkheden vasthoudt

  • Gebruik meestal de nieuwe operator kan er afhankelijkheid ontstaan
  • Door te verwijzen naar een globale variabele kan de afhankelijkheid worden opgezocht
  • Afhankelijkheid kan worden overgedragen daar waar dit nodig is

AngularJS sollicitatievragen en antwoorden voor ervaren professionals

21) Leg het concept van reikwijdtehiërarchie uit

Elke hoektoepassing bestaat uit één rootscope, maar kan meerdere onderliggende scopes hebben. Omdat onderliggende controllers en sommige richtlijnen nieuwe onderliggende bereiken creëren, kan een toepassing meerdere bereiken hebben. Wanneer er nieuwe bereiken worden gevormd of gemaakt, worden deze toegevoegd als onderliggende bereiken van hun bovenliggende bereik. Ze creëren ook een hierarchical-structuur vergelijkbaar met DOM.


22) Leg het belangrijkste verschil uit tussen AngularJS en backbone.js

angularjs backbone.js
angularjs is een op JavaScript gebaseerd open-sourceframework dat is ontworpen om dynamische webapplicaties te ondersteunen. backbone.js is een raamwerk dat DOM abstraheert in views en data in modellen en beide vervolgens bindt met behulp van gebeurtenissen.
De prestaties zijn goed omdat het een gegevensbindingsproces in twee richtingen biedt Backbone.js-technologie biedt snellere prestaties dan AngularJS als de datasets klein zijn
Het werkt op MVS (Multiple Virtual Storage). Het werkt op MVP archistructuur.
AngularJS maakt gebruik van dynamische HTML-kenmerken om de applicatie gemakkelijk te begrijpen. Backbone.js gebruikt underscore templaat de toepassing begrijpen.
Het heeft een grote comunity Ondersteunen. Community ondersteuning is beperkt tot de onderzijdecore templaat.

23) Wie heeft Angular JS gemaakt?

AngularJS is ontwikkeld door Adam Abrons en Misko Hevery. Momenteel wordt het ontwikkeld door Google.


24) Hoe kun je AngularJS integreren met HTML?

Ontwikkelaars kunnen het volgende volgenwing stappen om AngularJS met HTML te integreren:

Stap 1: inclusief AngularJS JavaScript in html-pagina.

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

Stap 2: Wijs op de AngularJS-applicatie.

U moet het ng-app-attribuut toevoegen aan de HTML-body-tag om aan te geven welk deel van de HTML AngularJS-app heeft, zoals weergegeven in het volgendewing voorbeeld:

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

25) Wat is orderby-filter in AngularJS?

Het Orderby-filter in AngularJS ordent de array op basis van opgegeven criteria. Volgwing In het voorbeeld staat hoe u producten op prijs kunt bestellen.

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

26) Wat is ng-niet-bindbaar in AngularJS?

Ng-non-bindable geeft aan dat AngularJs het HTML-element en de onderliggende knooppunten niet compileert. Bijvoorbeeld:

<title ng-non-bindable > </title>


27) Leg het gebruik uit van double klik op gebeurtenis in AngularJS

double click-gebeurtenis van AgularJS laat u aangepast gedrag specificeren double klik op een muisgebeurtenis op een webpagina zoals:

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

28) Leg ng-click-richtlijnen in AngularJS uit met een voorbeeld

Ng-click-richtlijnen kunnen worden gebruikt in een scenario waarin u op de knop moet klikken of een knop wilt uitvoeren operatie.

Voorbeeld:

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

29) Waarom ng-include gebruiken in AngularJS?

Ng-include in AngularJS helpt u bij het insluiten van HTML-pagina's binnen één HTML-pagina. Voorbeeld:

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

30) Hoe kun je een Ajax-oproep doen met Angular JS?

AngularJS biedt $https: controle waarmee u een Ajax-oproep kunt doen om servergegevens te lezen. De server voert een databaseoproep uit om de vereiste records te verkrijgen. Zodra uw gegevens in JSON-formaat gereed zijn, kunt u $https: gebruiken om gegevens van de server op te halenwing manier:

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

31) Leg het gebruik van $routeProvider uit

In Angular JS stelt $routeProvider de URL-configuratie in. Het komt overeen met de gerelateerde ng-sjabloon of HTML-pagina en koppelt er een controller aan.


32) Hoe kunt u cookies instellen, verkrijgen en wissen in AngularJS?

U kunt gebruiken:

  • $cookies.put() methode om de cookies in te stellen.
  • $cookies.get() methode om de cookies op te halen.
  • $cookies.remove om cookies in AngularJS te verwijderen.

33) Wat is de servicemethode?

Servicemethode in AngularJS helpt u bij het definiëren van service en methode. In het vervolgwing We hebben bijvoorbeeld een eenvoudige optelservice geïnjecteerd, die er twee toevoegt numbers.

<! 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) Noem de AngularJS-componenten die als afhankelijkheid kunnen worden geïnjecteerd

AngularJS-componenten die als afhankelijkheid kunnen worden geïnjecteerd zijn: 1) waarde, 2) fabriek, 3) service, 4) provider, 5) constant.


35) Wat zijn de gebruikelijke Angular Global API-functies

Enkele veelgebruikte Angular Global API-functies zijn:

  • Angular.isString: Het retourneert alleen waar als de opgegeven referentie van het type string is.
  • Hoekig.kleine letters: Het converteert elke tekenreeks naar kleine letters
  • Hoekig.hoofdletter: Het converteert elke tekenreeks naar hoofdletters.
  • Angular.isNummer: Het retourneert alleen waar als de verwijzing een numerieke waarde of getal is.

36) Schrijf een programma om een ​​HTML-tag te verbergen met slechts één klik op de knop in een hoek

<!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) Wat is BOM (Browser Object Model)?

BOM of Browser Object Model bestaat uit geschiedenis, objectnavigator, schermlocatie, enz. Het specificeert de globale browserobjecten zoals console, lokale opslag en venster.


38) Leg “$rootScope” uit in AngularJS

“$rootScope” is een bereik dat is gemaakt op het DOM-element (Document Object Model).

Een applicatie kan slechts één $rootScope hebben die shares, onder andere componenten. Het heeft de ng-app-richtlijn. Andere scopes worden de onderliggende scope genoemd. Het kan uitdrukkingen bekijken en gebeurtenissen propageren.


39) Geef een voorbeeld van ng-view in Angular

Denk eens aan het volgendewing voorbeeld:

<!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) Wat is de syntaxis van de fabrieksmethode in AngularJS?

De syntaxis van Factory is als volgt:

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


41) Noem verschillende fasen van de levenscyclus van AngularJS Scope.

Hier zijn verschillende fasen van de levenscyclus van AngularJS Scope:

  • Creatie
  • Modelmutatie
  • Registratie van kijkers
  • Mutatie observatie
  • Vernietiging van het bereik

42) Schrijf een programma om het proces in Angular op te starten

programma voor het opstarten van het proces in Angular is:

<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) Wat is een applicatie met één pagina in AngularJS?

SPA of single page applicatie is een website of webapplicatie die dynamisch met de gebruikers communiceert. In AngularJS passen JavaScript, HTML en CSS op één pagina. Het voert navigatie uit zonder de hele HTML-pagina te vernieuwen.


44) Leg het concept van webpack uit

Webpack is een modulebundelaar voor Angular2 of hoger. Het bundelt, transpileert en verkleint de AngularJS-applicatie.


45) Wat bedoel je met NPM?

NPM staat voor Node Package Manager. Het bestaat uit een opdrachtregeltoolclient voor interactie met de repository van het Node.js-project.


46) Hoe kunt u een nieuw project maken in angularJS met behulp van de opdrachtregelinterface?

Nadat u de opdrachtregelinterface van Angular hebt geïnstalleerd, moet u de opdracht new project-name uitvoeren om een ​​nieuw project in Angular te maken.


47) Leg het automatische bootstrap-proces in AngularJS uit

Angular initialiseert automatisch de DOMContentLoaded-gebeurtenis of wanneer u het angular.js-script downloadt naar de browser.

Hierna vindt AngularJS de ng-app-richtlijn die de basis vormt voor de compilatie van hoekige apps. Wanneer de ng-app-richtlijn wordt gevonden, doet AngularJS het volgendewing stappen:

1) laad de module die aan de richtlijn is gekoppeld,

2) Applicatie-injector maken,

3) Compileer de DOM vanuit het ng-app root-element. Dit proces staat bekend als automatisch opstarten.


48) Wat zijn onmiddellijk aangeroepen functie-expressies?

IIFE's of Direct Invoked Function Expressions is een functie die wordt uitgevoerd zodra deze is gemaakt. Het biedt een eenvoudige manier om de variabelendeclaratie te isoleren. IIFEs bevat twee belangrijke functies:

1) operator()

2) expressie()


49) Wat is de digest-cyclus in AngularJS?

Digest-cyclus is een belangrijk onderdeel van de gegevensbinding in AngularJS herunterladenares de oude en nieuwe versie van het scopemodel. Digest-cyclus wordt automatisch of handmatig geactiveerd door de functie $apply() te gebruiken.


50) Wat is de basisvereiste om met AngularJS te werken?

U moet de nieuwste versie van AngularJS downloaden van AngularJS.com om AngularJS te leren of te werken. U kunt een JS-bestand nodig hebben en dit lokaal hosten, of u kunt ook Google CDN (Content Delivery Network) gebruiken om ernaar te verwijzen.


51) Kunnen we geneste controllers maken in AngularJS?

Ja, we kunnen een geneste controller maken in AngularJS.

Een voorbeeld van een geneste controller is als volgt:

<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) Wat is authenticatie?

De authenticatie is een service die wordt gebruikt om in en uit te loggen bij de Angular-applicatie. De inloggegevens van gebruikers worden doorgegeven aan de API op de server. Na de validatie van deze referenties aan de serverzijde wordt JSON Web Token geretourneerd, met details over de huidige gebruiker.


53) Definieer AngularJS-materiaal

AngularJS Material is een implementatie van de Material Design Specification van Google. Het biedt een reeks goed geteste, herbruikbare UI-componenten voor AngularJS-programmeurs.


54) Wat zijn de belangrijke verschillen tussen Angular 7 en Angular 8

Hoekig 7 Hoekig 8
Angular 7 is moeilijk te gebruiken Angular 8 is zeer eenvoudig te gebruiken
Het biedt ondersteuning voor de lagere versie van de programmeertaal Typescript 3.4 Het biedt geen ondersteuning voor de lagere versie van de programmeertaal Typescript 3.4
Ondersteunt alle versies van Node.js Ondersteunt alleen Node.js 12-versie.

55) Wat is ngzone?

De ngzone is een JavaScrip-wrapperklasse die wordt aangeduid met Zone.js. Het stelt ontwikkelaars in staat om expliciet bepaalde code buiten de zone van Angular uit te voeren, waardoor angular geen wijzigingsdetectie kan uitvoeren.


56) Noem het verschil tussen hoekcomponent en richtlijn

Bestanddeel Richtlijn
Hoekcomponent is een richtlijn waarmee u de functionaliteit van de webcomponent in de hele applicatie kunt gebruiken. Hoekrichtlijn is een techniek waarmee we gedrag aan de elementen koppelen.
Het helpt u uw applicatie op te delen in kleinere componenten. Het helpt u bij het ontwerpen van de herbruikbare componenten.
Het kan pijpen definiëren Het kan geen pijpen definiëren.

57) Definieer ECMAScript

ECMAScript (European Computer Manufacturer's Association) is een standaard voor scripttalen. JavaScript gebruikt ECMAScript als kerntaal. Ontwikkelaars kunnen er hulp bij gebruiken voor het schrijven van client-side scripting op het world wide web en/of serverapplicaties en -services. ECMAScript heeft tal van functies, zoals functionele, prototype-, dynamische en gestructureerde functies.


58) Wat is een Traceur-compiler?

Traceur is een JavaScript-compiler die klassen gebruikt, generators en andere functies van ECMAScript.


59) Hoe kan ik een string omzetten in valuta?

U kunt stringinvoer omzetten in het valutafilter voor het valutatype in Angular.


60) Wat zijn sjablonen in AngularJS?

Een sjabloon is een HTML-bestand dat wordt gebruikt met AngularJs-richtlijnen en -attributen.


61) Leg de verschillen tussen Angular en jQuery uit

angularjs JQuery
AngularJs is moeilijk te begrijpen JQuery is heel gemakkelijk te begrijpen.
Het ondersteunt een tweerichtingsbindingsproces Het ondersteunt geen gegevensbindingsproces
Het biedt ondersteuning voor deep linking-routering Het biedt geen ondersteuning voor deep linking-routering

62) Wat is de Ahead of Time-compilatie?

Angular AOT (Ahead of Time) is een compiler die uw hoekige HTML- en typescriptcode omzet in JavaScript-code.


63) Lijst met typen filters in AngularJS

Typen filters die in AngularJS worden gebruikt zijn: 1) Valuta, 2) Hoofdletters, 3) Kleine letters, 4) orderBy, 5) JSON en 6) limitTo.


64) Leg de ngOnInit ()-functie uit

De functie ngOnInit () is een levenscyclushaak die wordt aangeroepen na voltooiing van gegevensgebonden eigenschappen van de richtlijn.


65) Wat is transclusie in AngularJS?

Dankzij de transclusie in AngulaJS kunnen ontwikkelaars de oorspronkelijke richtlijnkinderen opnieuw toewijzen aan een specifieke locatie binnen een sjabloon. De richtlijn ng toont het invoegpunt voor een getranscludeerde DOM van de nearest parent-richtlijn, die transclusie gebruikt. Ng-transclude-slot- of ng-transclude-richtlijnen worden voornamelijk gebruikt voor transclusie.


66) Verlichte haken zijn beschikbaar in AngularJS

Verschillende haken in AngularJS zijn:

1) ngOnInit()

2) ngOnChanges(),

3)ngDoCheck(),

4) ngAfterContentInit(),

5) ngAfterContentChecked(),

6) ngOnDestroy(),

7) ngAfterViewChecked(), en

8) ngAfterViewInit()


67) Wat zijn de belangrijke onderdelen van AngularJS-metadata?

AngularJS-metagegevens worden gebruikt om een ​​klasse te verfraaien die het verwachte gedrag van een bepaalde klasse weergeeft. Verschillende delen van metadata zijn: 1) klasse-decorateur, 2) Methode-decorateurs, Parameter-decorateurs en 4) Vastgoeddecorateurs.


68) Wat is hoekige CLI?

Angular CLI wordt ook wel de opdrachtregelinterfacetool genoemd. Het wordt gebruikt voor het bouwen, initialiseren en onderhouden van Angular-apps. CLI-software kan worden gebruikt via een zeer interactieve gebruikersinterface, zoals een opdrachtshell of Angular Console.


69) Leg geparametriseerde pijp uit in AngularJS

In angularJS kunnen pijpen meer dan één parameter hebben om de fijne uitvoer af te stemmen. U kunt een geparametriseerde pipe maken door de pipe te declareren met dubbele punt(:) en waarden van parameter. De ontwikkelaar kan meerdere parameterwaarden scheiden met een dubbele punt(:).


70) Wat is routering?

Routing is een methode om verschillende weergaven samen te voegen. De verwerkingsverantwoordelijke neemt de beslissing om deze inzichten te combineren afhankelijk van logische behoeften.


71) Wat bedoel je met geïsoleerde eenheidstests?

Geïsoleerde test is een proces waarbij een instantie van een klasse wordt gecontroleerd zonder gebruik te maken van geïnjecteerde waarden of hoekafhankelijkheid. Het helpt u om het programma heel gemakkelijk te implementeren.


72) Benoem DSL-animatiefuncties in AngularJS

DSL-animatiefuncties in AngularJS zijn: 1) group(), 2) state(), 3) transition(), 4) style(), 5) keyframes(), 6) trigger(), 7) sequence(), en 8) animeren().


73) Wat is de AngularJS-module?

In angularJS is een module een proces voor het groeperen van richtlijnen en servicecomponenten die gerelateerd zijn. Het rangschikt ze zo dat ze met andere modules kunnen worden gecombineerd om een ​​applicatie te creëren.


74) Wat zijn pijpen in AngularJs?

In hoekvorm bieden pijpen een eenvoudige methode om de gegevens te transformeren. Het neemt waarden zoals arrays, gehele getallen, gegevens en tekenreeksen als invoer en wordt gedeeld met het pipe-symbool (|). Het converteert de gegevens in het vereiste formaat. Pipes geeft hetzelfde weer in de browser. In angularJS biedt het een aantal ingebouwde pijpen, maar ontwikkelaars kunnen ook hun eigen pijpen ontwikkelen.


75) Leg ViewEncapsulation in AngularJS uit

ViewEncapsulation bepaalt of de stijlen die in de AngularJS-component zijn gedefinieerd, van invloed zijn op de hele app of niet.

Bereid je voor op je sollicitatiegesprek!!! Ga erdoor AngularJS-zelfstudie beter voorbereid te zijn.

Deze gedetailleerde AngularJS Mock Test helpt je om de twijfels over AngularJS-interviewvragen weg te nemen en helpt je ook om het interview te kraken.


Deze interviewvragen zullen ook helpen bij je viva (oralen)