Topp 75 AngularJS intervjufrågor och svar

Vi har förberett de vanligaste frågorna och svaren på Angular-intervjuer som gör dig bekant med vilken typ av AngularJS-intervjufrågor som intervjuare kan ställa under intervjun. I den här listan över AngularJS grundläggande intervjufrågor har vi täckt alla vanliga grundläggande och avancerade frågor och svar angularintervjuer för att hjälpa dig att enkelt rensa jobbintervjun.

Vi har täckt de 75 viktigaste grundläggande AngularJS-intervjufrågorna för nybörjare och AngularJS-intervjufrågor för erfarna kandidater för att hjälpa dem att förbereda sig för anställningsintervjun. Den här detaljerade guiden med AngularJS-intervjufrågor och svar hjälper dig att knäcka din jobbintervju.

AngularJS intervjufrågor och svar för nybörjare och erfarna

Följande är vanliga grundläggande Angular intervju frågor och svar för nybörjare samt Angular intervju frågor och svar för erfarna kandidater att få rätt jobb.

1) Vad är AngularJS?

AngularJS är ett JavaScript-ramverk som används för att skapa enskilda webbsidaprogram. Det låter dig använda HTML som ditt mallspråk och låter dig utöka HTML-syntaxen för att tydligt uttrycka programmets komponenter.

2) Vilka är de viktigaste funktionerna i AngularJS?

De viktigaste funktionerna i AngularJS är:

• Omfattning
• Kontroller
• Modell
• Se
• Tjänster
• Databindning
• Direktiv
• Filter
• Testbar

3) Förklara funktionsomfång i AngularJS

Omfattning avser applikationsmodellen. Det fungerar som ett lim mellan applikationskontrollen och vyn. Omfattningar är ordnade i en hierarkisk struktur och efterliknar DOM-strukturen (Document Object Model) i applikationen. Det kan titta på uttryck och sprida händelser.

4) Förklara tjänster i AngularJS

AngularJS-tjänster är singleton-objekt eller funktioner som används för att utföra specifika uppgifter. Det har viss affärslogik.

5) Vad är vinkeluttryck? Förklara nyckelskillnaden mellan vinkeluttryck och JavaScript-uttryck

Precis som JavaScript är vinkeluttryck kodavsnitt som vanligtvis placeras i bindning som {{expression}}

Huvudskillnaden mellan JavaScript-uttryck och vinkeluttryck är:

• Kontext: I vinkel utvärderas uttrycken mot ett scope-objekt, medan JavaScript-uttryck utvärderas mot det globala fönstret
• Förlåtande: I vinkeluttryck är utvärdering förlåtande att null och odefinierad, medan i JavaScript odefinierade egenskaper genererar TypeError eller ReferenceError
• Inga kontrollflödesangivelser: öglor, villkor eller undantag kan inte användas i ett vinkeluttryck
• Filter: Du kan använda filter för att formatera data innan du visar det.

6) Hur kan du initiera en markeringsruta med alternativ för sidläsning?

Du kan initialisera en markeringsruta med alternativ för sidläsning genom att använda ng-init-direktivet.

• På = "!! Konton" ng-init = "loadData ()">

7) Vad är direktiv? Nämn några av de mest använda direktiven i AngularJS-applikationen

Ett direktiv är något som introducerar ny syntax. De är som markörer på DOM-elementet, vilket fäster ett speciellt beteende på det. I alla AngularJS-applikationer är direktiv de viktigaste komponenterna.

Några av de vanliga direktiven är:

1) ng-modell

2) ng-App

3) ng-bindning

4) ng-upprepa

5) ng-show

8) Hur fungerar vinklade JS-rutter?

Med AngularJS-rutter kan du skapa olika webbadresser för olika innehåll i din applikation. Olika webbadresser för olika innehåll gör det möjligt för användaren att bokmärka webbadresser till specifikt innehåll. Varje sådan bokmärkesadress i AngularJS kallas en rutt

Ett värde i Angular JS är ett enkelt objekt. Det kan vara ett nummer-, sträng- eller JavaScript-objekt. Värden används vanligtvis som konfiguration som injiceras i fabriker, tjänster eller styrenheter. Ett värde ska tillhöra en AngularJS-modul.

Att injicera ett värde i en AngularJS-styrfunktion görs genom att lägga till en parameter med samma namn som värdet

9) Vad är databindande i AngularJS?

Automatisk synkronisering av data mellan modell- och visningskomponenter kallas databindning i AngularJS. Det finns två sätt att binda data

1. Datautvinning i klassiska mallsystem
2. Databindning i vinklade mallar

10) Vilka är fördelarna med AngularJS?

Fördelarna med AngularJS är:

• Registrera återuppringningar: Det finns inget behov av att registrera återuppringningar. Detta gör din kod enkel och lätt att felsöka.
• Kontrollera HTML DOM programmatiskt: Program som skapas med Angular krävs inte för att manipulera DOM.
• Överför data till och från användargränssnittet: AngularJS hjälper till att eliminera nästan hela pannplattan. Det kan validera formuläret, visa fel, återgå till en intern modell och så vidare.
• Ingen initialiseringskod: Med AngularJS kan du enkelt starta din app. Du kan använda automatiskt injicerade tjänster i din applikation i Guice.

11) Vad är stränginterpolering i Angular.JS?

I Angular.js matchar kompilatorn under kompileringsprocessen text och attribut. Den använder interpoleringstjänst för att se om de innehåller inbäddade uttryck. Som en del av den normala smältcykeln uppdateras och registreras dessa uttryck som klockor.

12) Vilka är stegen för sammanställning av HTML?

Sammanställning av HTML-processen sker på följande sätt

• Med standard webbläsar-API: t analyseras först HTML i DOM
• Genom att använda anropet till $ compile () -metoden utförs en sammanställning av DOM. Metoden passerar DOM och matchar direktiven.
• Länka mallen med ett omfång genom att anropa länkningsfunktionen som returnerades från föregående steg

13) Förklara direktiv och deras typer

Under kompileringsprocessen, när en specifik HTML-funktion utlöses, kallas den direktiv. Den körs när kompilatorn stöter på den i DOM.

Olika typer av direktiv är:

1) Elementdirektiv

2) Attributdirektiv

3) CSS-klassdirektiv

4) Kommentardirektiv.

14) Förklara länkfunktionen och dess typer

Link kombinerar direktiven med ett omfång och ger en livevy. För registrering av DOM-lyssnare och för uppdatering av DOM är länkfunktionen ansvarig. Efter att mallen har klonats körs den.

• Förlänningsfunktion: Förlänningsfunktionen körs innan de underordnade elementen länkas. Det betraktas inte som ett säkert sätt för DOM-transformation.
• Inläggslänkande funktion: Inläggslänkningsfunktion körs efter att underordnade element har länkats. Det är säkert att göra DOM-omvandling med funktion efter postlänkning

15) Förklara injektorn i AngularJS

En injektor är en servicelokaliserare. Det används för att hämta objektinstanser som definierats av leverantören, insti-piera typer, åberopa metoder och ladda moduler. Det finns en enda injektor per vinkelapplikation, det hjälper till att slå upp en objektinstans efter dess namn.

16) Vad är den största skillnaden mellan en länk och kompilering i Angular.js?

• Kompileringsfunktion: Den används för mall-DOM-manipulation och samlar in alla direktiv.
• Länkfunktion: Den används för att registrera DOM-lyssnare samt till exempel DOM-manipulation. Den körs när mallen har klonats.

17) Vad är fabriksfunktionen i AngularJS?

För att skapa direktivet används fabriksmetoden. Det åberopas endast en gång när kompilatorn matchar direktivet för första gången. Genom att använda $ injector.invoke anropas fabriksmetoden.

18) Förklara stylingsformen som ngModel lägger till i CSS-klasser

NgModel lägger till dessa CSS-klasser för att möjliggöra styling av form. Valideringsklasser för AngularJS är:

1. ng- giltig
2. ng- ogiltig
3. ng-orörda
4. ng-smutsig

19) Vilka är kännetecknen på "Scope"?

• Till observatörsmodellmutationer ger omfattningar API: er ($ watch)
• Att sprida alla modelländringar genom systemet till vyn från utsidan av Angular-riket
• Ett omfång ärver egenskaper från det överordnade omfånget, samtidigt som det ger tillgång till delade modellegenskaper, kan omfattningar kapslas för att isolera applikationskomponenter
• Scope ger sammanhang mot vilket uttryck utvärderas

20) Vad är DI (Dependency Injection) och hur ett objekt eller en funktion kan få tag på dess beroenden?

DI eller Dependency Injection är ett mönster för programvarudesign som handlar om hur kod får tag på dess beroenden. För att hämta element i applikationen som krävs för att konfigureras när modulen laddas använder operationen "config" beroendeinjektion.

Det här är de sätt som objektet använder för att behålla sina beroenden

• Normalt med hjälp av den nya operatören kan beroende skapas
• Genom att hänvisa till en global variabel kan beroendet slås upp
• Beroendet kan överföras till var det krävs

21) Förklara begreppet omfångshierarki

Varje vinkelapplikation består av ett rotomfång men kan ha flera barnomfång. Eftersom barnkontroller och vissa direktiv skapar nya barnomfång kan en applikation ha flera omfattningar. När nya räckvidd bildas eller skapas läggs de till som underordnade barn. De skapar också en hierarkisk struktur som liknar DOM.

22) Förklara huvudskillnaden mellan AngularJS och backbone.js

AngularJS	Backbone.js
AngularJS är ett JavaScript-baserat open source-ramverk som är utformat för att stödja dynamiska webbapplikationer.	backbone.js är ett ramverk som sammanfattar DOM till vyer och data till modeller och sedan binder båda med hjälp av händelser.
Dess prestanda är bra eftersom det ger tvåvägs databindande process	Backbone.js-tekniken erbjuder snabbare prestanda än AngularJS om datamängderna är små
Det fungerar på MVS (Multiple Virtual Storage).	Det fungerar på MVP-arkitektur.
AngularJS använder dynamiskt HTML-attribut för att göra det lätt att förstå applikationen.	Backbone.js använder understrykningsmallar för att förstå applikationen.
Det har stort samhällsstöd.	Gemenskapsstöd är begränsat till understrykningsmallen.

23) Vem skapade Angular JS?

AngularJS utvecklades av Adam Abrons och Misko Hevery. För närvarande är det utvecklat av Google.

24) Hur kan du integrera AngularJS med HTML?

Utvecklare kan följa följande steg för att integrera AngularJS med HTML:

Steg 1: inklusive AngularJS JavaScript på html-sidan.

Steg 2: Peka på AngularJS-applikationen.

Du måste lägga till attributet ng-app i HTML-taggen för att berätta vilken del av HTML AngularJS-appen som visas i följande exempel:

25) Vad är orderby-filter i AngularJS?

Orderby-filter i AngularJS beställer arrayen baserat på angivna kriterier. Följande exempel anger hur du kan beställa produkt efter pris.

{{ company.product + ', price:' + product.price }}

26) Vad är ng-icke-bindningsbart i AngularJS?

Ng-non-bindable anger att AngularJs inte ska kompilera HTML-elementet och dess undernoder. Till exempel:

27) Förklara användningen av dubbelklickningshändelse i AngularJS

dubbelklickningshändelse i AgularJS låter dig ange anpassat beteende vid dubbelklickning på mushändelse på en webbsida som:

… 

28) Förklara ng-klickdirektiv i AngularJS med exempel

Ng-click-direktiv kan användas i ett scenario när du måste klicka på knappen eller vill utföra någon åtgärd.

Exempel:

Click

29) Varför använda ng-include i AngularJS?

Ng-include i AngularJS hjälper dig att bädda in HTML-sidor inom en enda HTML-sida. Exempel:

30) Hur kan du ringa ett ajax-samtal med Angular JS?

AngularJS erbjuder $ https: kontroll som hjälper dig att ringa ajax för att läsa serverdata. Servern gör ett databassamtal för att få de poster som krävs. När dina data i JSON-format är klara kan du använda $ https: för att hämta data från servern på följande sätt:

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

31) Förklara användningen av $ routeProvider

I Angular JS $ anger routeProvider URL-konfigurationen. Det kartläggs med tillhörande ng-mall eller HTML-sida och bifogar en styrenhet med samma.

32) Hur kan du ställa in, hämta och rensa cookies i AngularJS?

Du kan använda:

• $ cookies.put () metod för att ställa in cookies.
• $ cookies.get () metod för att få kakorna.
• $ cookies. ta bort för att ta bort cookies i AngularJS.

33) Vad är servicemetod?

Servicemetod i AngularJS hjälper dig att definiera service och metod för den. I följande exempel har vi injicerat en enkel tilläggstjänst som lägger till två nummer.

Guru99 Global Event

Result: {{result}}

34) Namnge AngularJS-komponenterna som kan injiceras som beroende

AngularJS-komponenter som kan injiceras som beroende är: 1) värde, 2) fabrik, 3) tjänst, 4) leverantör, 5) konstant.

35) Vilka är de vanliga Angular Global API-funktionerna

Några vanliga funktioner för Angular Global API är:

• Angular.isString: Det kommer bara att vara sant om den angivna referensen är av typsträng.
• Angular.lowercase: Den konverterar alla strängar till små bokstäver
• Angular.uppercase: Den konverterar alla strängar till versaler.
• Angular.isNumber: Den returnerar sant endast om referensen är ett numeriskt värde eller tal.

36) Skriv ett program för att dölja en HTML-tagg genom att bara klicka med en knapp i vinkel

Guru99 Global Event


Angular

37) Vad är BOM (Browser Object Model)?

BOM- eller webbläsarobjektmodellen består av historik, objektnavigator, skärmplats osv. Den anger de globala webbläsarobjekten som konsol, lokal lagring och fönster.

38) Förklara "$ rootScope" i AngularJS

"$ rootScope" är ett omfång som skapas på elementet DOM (Document Object Model).

En applikation kan bara ha en $ rootScope som delar, bland andra komponenter. Den har ng-app-direktivet. Andra räckvidd kallas som sitt barnomfång. Den kan titta på uttryck och sprida händelser.

39) Ge ett exempel på ng-view i Angular

Tänk på följande exempel:

Global Event


 Add New Event
 Display Event

40) Vad är syntaxen för fabriksmetoden i AngularJS?

Fabrikssyntaxen är som följer:

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

41) Namnge olika faser i AngularJS Scope-livscykeln.

Här är olika faser av AngularJS Scope livscykel:

• Skapande
• Modellmutation
• Registrering av tittare
• Mutationsobservation
• Räckviddsförstörelse

42) Skriv ett program för bootstrap-processen i Angular

program för att starta upp processen i Angular är:

Hi{{msg}}!

43) Vad är en ensidig applikation i AngularJS?

SPA eller en sida-applikation är en webbplats eller webbapplikation som interagerar dynamiskt med användarna. I AngularJS passar JavaScript, HTML och CSS på en enda sida. Det utför navigering utan att uppdatera hela HTML-sidan.

44) Förklara begreppet webpack

Webpack är en modulbuntare för Angular2 eller högre. Den buntar, transpilerar och förminskar AngularJS-applikationen.

45) Vad menar du med NPM?

NPM står för Node Package Manager. Den består av en klient för kommandoradsverktyg för att interagera med förrådet för Node.js-projektet.

46) Hur kan du skapa ett nytt projekt i angularJS med kommandoradsgränssnittet?

När du har installerat kommandoradsgränssnittet Angular måste du köra kommandot ng nytt projektnamn för att skapa ett nytt projekt i Angular.

47) Förklara den automatiska bootstrap-processen i AngularJS

Angular initialiseras automatiskt DOMContentLoaded-händelsen eller när du laddar ner angular.js-skriptet till webbläsaren.

Efter detta hittar AngularJS ng-app-direktivet som är roten till kompilering av vinkelappar. När ng-app-direktivet hittas gör AngularJS följande steg:

1) ladda modulen, som är associerad med direktivet,

2) Skapa applikationsinjektor,

3) Kompilera DOM från root-elementet ng-app. Denna process kallas auto bootstrapping.

48) Vad åberopas omedelbart funktionsuttryck?

IIFE eller omedelbart anropade funktionsuttryck är en funktion som körs så snart den skapas. Det erbjuder ett enkelt sätt att isolera variabeldeklarationen. IIFE innehåller två huvudfunktioner:

1) operatör ()

2) uttryck ()

49) Vad är matsmältningscykeln i AngularJS?

Sammandragscykeln är en viktig del av databindningen i AngularJS, som jämför den gamla och nya versionen av omfattningsmodellen. Sammandragningscykeln utlöses automatiskt eller manuellt med funktionen $ applicera ().

50) Vad är grundkravet för att arbeta med AngularJS?

Du måste ladda ner den senaste versionen av AngularJS från AngularJS.com för att lära dig eller arbeta med AngularJS. Du kan antingen behöva JS-filen och vara värd den lokalt, eller så kan du också använda google CDN (Content Delivery Network) för att referera till den.

51) Kan vi skapa kapslade kontroller i AngularJS?

Ja, vi kan skapa en kapslad kontroller i AngularJS.

Exempel på kapslad styrenhet är som följer:

{{msg}} {{name}}!

Hi {{name}}!

{{msg}} {{name}}! Your name is {{name}}.

52) Vad är autentisering?

Autentiseringen är en tjänst som används för inloggning och utloggning av Angular-applikationen. Användaruppgifterna skickas till API på servern. Sedan verifierar dessa autentiseringsuppgifter på serversidan, JSON Web Token, som som detalj om den aktuella användaren.

53) Definiera AngularJS-material

AngularJS Material är en implementering av materialdesignspecifikationen för Google. Den erbjuder en uppsättning välprovade, återanvändbara UI-komponenter för AngularJS-programmerare.

54) Vilka är de viktiga skillnaderna mellan Vinkel 7 och Vinkel 8

Vinkel 7	Vinkel 8
Angular 7 är svår att använda	Angular 8 är mycket lätt att använda
Den ger stöd för den lägre versionen av Typescript 3.4-programmeringsspråk	Det ger inte stöd för den lägre versionen av Typescript 3.4-programmeringsspråk
Stöder alla versioner av Node.js	Stöder endast Node.js 12-versionen.

55) Vad är ngzone?

Ngzone är en JavaScrip-omslagsklass som betecknas av Zone.js. Det gör det möjligt för utvecklare att uttryckligen köra viss kod utanför Angular's zon, vilket hindrar vinkeln att köra ändringsdetektering.

56) Lista upp skillnaden mellan vinkelkomponent och direktiv

Komponent	Direktiv
Vinkelkomponent är ett direktiv som gör att du kan använda webbkomponentfunktionaliteten i hela applikationen.	Vinkeldirektivet är en teknik genom vilken vi fäster beteendet på elementen.
Det hjälper dig att dela upp din applikation i mindre komponenter.	Det hjälper dig att designa de återanvändbara komponenterna.
Det kan definiera rör	Det kan inte definiera rör.

57) Definiera ECMAScript

ECMAScript (European Computer Manufacturer's Association) är en standard för skriptspråk. JavaScript använder ECMAScript som ett kärnspråk. Utvecklare kan ta hjälp av det för att skriva skript på klientsidan på webben och serverapplikationer och -tjänster. ECMAScript har många funktioner som funktionella, prototyp, dynamiska och strukturerade funktioner.

58) Vad är en Traceur Compiler?

Traceur är en JavaScript-kompilator som använder klasser, generatorer och andra funktioner från ECMAScript.

59) Hur konverterar jag en sträng till valuta?

Du kan konvertera stränginmatning till valutatypens valutafilter i Angular.

60) Vad är mallar i AngularJS?

En mall är HTML-fil som används med AngularJs-direktiv och attribut.

61) Förklara skillnaderna mellan Angular och jQuery

AngularJS	JQuery
AngularJs är svårt att förstå	Jquery är väldigt lätt att förstå.
Det stöder tvåvägs bindningsprocess	Det stöder inte databindningsprocessen
Det ger stöd för djuplänkning	Det ger inte stöd för djuplänkning

62) Vad är tidssammanställning?

Angular AOT (Ahead of Time) är en kompilator som konverterar din vinklade HTML- och skrivkod till JavaScript-koden.

63) Lista typer av filter i AngularJS

Typer av filter som används i AngularJS är: 1) Valuta, 2) versaler, 3) gemener, 4) orderBy, 5) JSON och 6) limitTo.

64) Förklara ngOnInit () -funktionen

ngOnInit () -funktionen är en livscykelkrok som anropas efter slutförandet av databundna egenskaper i direktivet.

65) Vad är transkludering i AngularJS?

Transkluderingen i AngulaJS gör det möjligt för utvecklare att omfördela de ursprungliga direktiven till en specifik plats i en mall. Direktivet ng visar införingspunkten för en utesluten DOM i närmaste förälderdirektiv, som använder transkludering. Ng-transclude-slot eller ng-transclude-direktiv används huvudsakligen för transclusion.

66) Upplysta krokar finns i AngularJS

Olika krokar i AngularJS är:

1) ngOnInit ()

2) ngOnChanges (),

3) ngDoCheck (),

4) ngAfterContentInit (),

5) ngAfterContentChecked (),

6) ngOnDestroy (),

7) ngAfterViewChecked () och

8) ngAfterViewInit ()

67) Vilka är de viktiga delarna av AngularJS-metadata?

AngularJS-metadata används för att dekorera en klass som visar det förväntade beteendet hos en viss klass. Olika delar av metadata är: 1) klassdekoratör, 2) metoddekoratörer, parameterdekoratörer och 4) fastighetsdekoratörer.

68) Vad är Angular CLI?

Angular CLI kallas också som kommandoradsgränssnittsverktyg. Den används för att bygga, initiera och underhålla Angular-appar. CLI-programvara kan användas via mycket interaktivt gränssnitt som ett kommandoskal eller Angular Console.

69) Förklara parametrerat rör i AngularJS

I angularJS kan rör ha mer än en parameter för att ställa in finutgången. Du kan skapa ett parametrerat rör genom att deklarera röret med kolon (:) och parametervärden. Utvecklare kan separera flera parametervärden med kolon (:).

70) Vad är routing?

Routing är en metod för att slå samman olika vyer. Styrenheten fattar beslutet att kombinera dessa åsikter beroende på logiska behov.

71) Vad menar du med isolerade enhetstester?

Isolerat test är en process för att kontrollera förekomst av klass utan att använda några injicerade värden eller vinkelberoende. Det hjälper dig att implementera programmet mycket enkelt.

72) Namnge DSL-animeringsfunktioner i AngularJS

DSL-animeringsfunktioner i AngularJS är: 1) grupp (), 2) tillstånd (), 3) övergång (), 4) stil (), 5) nyckelbilder (), 6) trigger (), 7) sekvens () och 8) animera ().

73) Vad är AngularJS-modulen?

I angularJS är en modul en process för att gruppera direktiv och relaterade servicekomponenter. Det ordnar dem på ett sätt som de kan blanda med andra moduler för att skapa en applikation.

74) Vad är rör i AngularJs?

I vinkel ger rören en enkel metod för att transformera data. Det tar värdena som matriser, heltal, data och strängar som ingång och delas med rör (|) symbol. Den konverterar data i önskat format. Pipes visar samma sak i webbläsaren. I angularJS ger det några inbyggda rör, men utvecklare kan också utveckla sina egna rör.

75) Förklara ViewEncapsulation in AngularJS

ViewEncapsulation avgör om de stilar som definierats i AngularJS-komponenten kommer att påverka hela appen eller inte.

Förbered dig på din jobbintervju !!! Gå igenom AngularJS Tutorial för att vara bättre förberedd.

GRATIS Ladda ner AngularJS intervjufrågor och svar PDF-fil

Den här detaljerade AngularJS-intervjufrågan pdf hjälper dig att ta bort tvivlen om AngularJS-intervjufrågor och hjälper dig också att knäcka intervjun.