48 top angularjs interview questions
Lista med de vanligaste AngularJS-intervjufrågorna med detaljerade svar för nybörjare och erfarna proffs:
AngularJS är en av de mest aktuella ramarna för webbutveckling runt om i världen.
I nästan varje intervju måste du kämpa med hård konkurrens för att uppnå högt och få ditt drömjobb. Därför bör du förbereda dig i god tid.
För att stödja dig i den här resan har vi ritat en lista med de vanligaste AngularJS-intervjufrågorna tillsammans med de svar som din intervjuare förväntar sig vid tidpunkten för intervjun.
Läs igenom vår serie AngularJS-handledning för mer kunskap om konceptet. Gradskivaverktyg för testning av AngularJS Appar förklarades i vår tidigare handledning.
Vanliga frågor om AngularJS-intervju
Nedan finns en lista över de viktigaste intervjufrågorna och svaren på AngularJS för att hjälpa någon att klara en intervju framgångsrikt.
Låt oss utforska !!
F # 1) Vad förstår du av AngularJS?
Svar: AngularJS är ett JavaScript-ramverk som används för att skapa rika och utdragbara webbapplikationer.
Den körs på vanlig JavaScript och HTML, så du behöver inte några andra beroenden för att få det att fungera. AngularJS är perfekt för SPA (Single Page Applications). Det används i grunden för att binda JavaScript-objekt med HTML UI-element.
F # 2) Definiera funktionerna i AngularJS.
Svar: Funktionerna inkluderar:
- Mallen (Visa)
- Omfattningen (modell)
- Controller (Controller)
- Tjänster
- Filter
- Direktiv
F # 3) Definiera bindning av data.
Svar: Databindning är en automatisk anpassning av data mellan vyn och modellkomponenter.
F # 4) Skillnad mellan AngularJS och JavaScript-uttryck.
Svar: Det finns flera skillnader mellan AngularJS och JavaScript-uttryck:
- Vi kan skriva AngularJS-uttryck i HTML, men vi kan inte skriva JavaScript-uttryck i HTML.
- Vi kan inte använda villkorliga iterationer, loopar och undantag i AngularJS, men vi kan använda alla dessa villkorliga egenskaper i JavaScript-uttryck.
- Filter stöds i AngularJS medan filter inte stöds i JavaScript.
F # 5) Skriv alla steg för att konfigurera a n Vinkelapp (i appen).
Svar: För att ställa in en vinkelapp måste vi följa vissa steg som nämns nedan:
- angular.module skapas först.
- En styrenhet tilldelas modulen.
- Modulen kommer att länkas till HTML-mallen (dvs UI eller View) med en vinkelapp (ng-app).
- HTML-mallen kommer att länkas till controller (dvs JS) med ett ng-controller-direktiv.
F # 6) Vilka är vinkelmodulerna?
Svar: Vinkelmodulerna definierar tillsammans en vinkelapplikation där vi kan skriva vinkelkoden. Moduler innehåller de olika delarna av en vinkelapplikation. En modul skapas av angular.module-funktionen i vinkel.
F # 7) Vilka är direktivets omfattningar i AngularJS?
Svar: Tre direktivomfång finns i AngularJS.
Dom är:
- Överordnad omfattning: Oavsett vilken förändring du gör i ditt direktiv som kommer från det överordnade omfånget, kommer det också att återspeglas i det överordnade omfånget, och det är också ett standardomfång.
- Barnomfång: Det är ett kapslat omfång som ärver en egendom från det överordnade omfånget. Om några egenskaper och funktioner i omfånget inte är kopplade till direktivet för övergripande räckvidd skapas också ett nytt underordnat räckviddsdirektiv.
- Isolerat omfång: Det är återanvändbart och används när vi bygger ett fristående direktiv. Den används endast för privat och internt bruk vilket innebär att den inte innehåller några egenskaper för det överordnade omfånget.
F # 8) Hur kan vi dela data mellan styrenheter i AngularJS?
Svar: Först måste vi skapa en tjänst. Tjänsten används för att dela data mellan styrenheter i AngularJS på ett mycket tydligt, enkelt och snabbast sätt. Vi använder händelser, $ parent, nästa syskon och controller genom att använda ett $ rootScope.
F # 9) Vad är matsmältningscykeln i AngularJs?
Svar: Det är en del av processen för databindning i AngularJS. Den jämför de gamla och nya versionerna av omfattningsmodellvärdet i varje smältningscykel.
Sammandragningscykeln utlöses automatiskt. Vi kan också förbättra användbarheten genom att använda $ Apply () om vi vill utlösa matsmältningscykeln manuellt.
F # 10) Förklara skillnaderna mellan enkelriktad bindning och tvåvägsbindning.
Svar: Envägsbindning används för att binda data från modellen för att visa utan att uppdatera HTML-mallen eller visa automatiskt.
Således, för att uppdatera HTML-mallen, måste vi skriva en anpassad kod som uppdaterar vyn varje gång varje data är bunden från modell till vy.
Medan tvåvägsbindning används för att binda data från modellen för att visa och vice versa (dvs. visa till modell) genom att automatiskt uppdatera HTML-mallen utan att skriva någon anpassad kod.
F # 11) Skillnad mellan sessionStorage, cookies och localStorage.
Svar: Skillnaderna är följande:
- SessionStorage - Data lagras för en viss session. Data går förlorade när webbläsarfliken stängs eller efter en viss session. Den maximala storleken som lagras kan vara upp till 5 MB.
- Lokalt utrymme - Uppgifterna lagras utan utgångsdatum. Uppgifterna kan bara raderas med JavaScript eller genom att rensa webbläsarens cache. Lagringsgränsen är högst än sessionStorage och cookie.
- Kakor - Den lagrar data som måste skickas tillbaka till servern med vissa förfrågningar. Kakans utgång varierar beroende på vilken typ och varaktighet som ställts in antingen från serversidan eller klientsidan. Den maximala lagrade storleken kan vara mindre än 4KB.
F # 12) Vilken roll har $ routeProvider i AngularJS?
Svar: Det är $ routeProvider som hjälper till att navigera mellan olika sidor / länkar utan att ladda sidan / länken separat när en användare klickar på en länk.
ngRoute config () -metoden används för att konfigurera routeProvider.
F # 13) Vad är skillnaden mellan $ scope och scope?
Svar: I AngularJS används $ scope för att uppnå beroendeinsprutning och scope används för att länka mellan View (dvs. HTML) och Controller (dvs. JS).
F # 14) Hur används AngularJS-prefixen $ och $$?
Svar: $$ variabel i AngularJS används som en privat variabel, eftersom den används för att förhindra oavsiktlig kodkollision med användarkoden.
Medan prefixet $ kan användas för att beteckna vinklade kärnfunktioner (som en variabel, parameter, egenskap eller metod).
F # 15) Var kan vi implementera DOM-manipulationen i AngularJS?
Svar: Manipulation av DOM finns i direktiv och bortsett från detta borde det inte finnas i den registeransvariges tjänster eller någon annanstans.
F # 16) Hur kan vi visa att en omfattningsvariabel endast bör ha engångsbindning?
Svar: För att visa engångsbindning måste vi använda “ :: ”Framför räckvidden.
F # 17) Vad är SPA (Single Page Application) i AngularJS?
Svar: Det är en webbapplikation som laddar en enda HTML-sida och dynamiskt uppdaterar sidan när användaren ansluter till appen.
Genom att använda AJAX och HTML kan en flytande och responsiv webbapp skapas av SPA utan att sidorna laddas om. Genom detta kan vi skapa responsivt gränssnitt utan sidflimmer.
F # 18) Hur många typer av databindningar finns det i AngularJS?
Svar: AngularJS stöder både enkelriktad och tvåvägsbindning.
På ett sätt bindande om vi ändrar datamodellen kommer det inte att finnas någon dynamisk förändring som du ser i vyn, men på två sätt bindande kommer det att finnas en dynamisk förändring varje gång en ändring görs i datamodellen.
F # 19) Vilka är de bindande direktiven i AngularJs?
Svar: De bindande direktiven inkluderar:
- ng-bind
- ng-bind-html
- ng-bind-mall
- av icke bindande
- ng-modell
F # 20) Förklara ng-bind och ng-bind-html-direktiv.
Svar:
ng-bind : Det är ett direktiv som ersätter innehållet i HTML-elementet med värdet på den tilldelade variabeln eller uttrycket.
Innehållet i HTML-elementet kommer att ändras genom att ändra värdet på variabeln eller uttrycket.
Det är som ({{expression}}) och syntaxen för detta är,
ng-bind-html : Det är ett direktiv som binder innehållet till HTML-elementet (vy) på ett säkert sätt. $ sanitize-tjänsten används för att desinficera innehållet för att binda till ett HTML-element. För att göra detta måste ”angular-sanitize.js” ingå i vår ansökan.
gratis brandväggsskydd för Windows 10
Syntax för att skriva detta,
F # 21) Förklara ng-bind-mall och ng-icke-bindbar.
Svar:
ng-bind-mall : Det ersätter elementets textinnehåll genom interpolering av mallen. Den kan innehålla flera dubbla lockiga markeringar.
Ej bindningsbar : Det anger AngularJS att inte kompilera innehållet i detta HTML-element och dess underordnade noder.
F # 22) Förklara direktivet om ng-modeller i AngularJs.
Svar: Detta kan vara ett hopphopp med den anpassade HTML-inmatningsformulärkontrollen (som input, textarea och select) till applikationsdata. Det ger formvalideringsbeteende med tvåvägsbindning.
< input ng-bind='expression' /> F # 23) Definiera fabriksmetoden i AngularJS.
Svar: Det liknar service, fabriker implementerar ett modulmönster där vi använder en fabriksmetod för att skapa ett objekt som används för att bygga modeller.
I en fabrik returneras ett metodobjekt i slutet genom att skapa ett nytt objekt och lägga till funktioner som egenskaper.
Syntax :
module.factory(‘factoryName', function);F # 24) Vad är ng-repeat-direktivet i AngularJS?
Svar: Det återges eller itereras över en samling objekt och skapar DOM-element. Det övervakar regelbundet datakällan för att återge en mall som svar på en förändring.
Syntax:
{{stu.name}} {{stu. grade}}
F # 25) Vad är en styrenhet i AngularJS?
Svar: En styrenhet är en JavaScript-funktion som är bunden till det angivna omfånget. Angular instantierar det nya kontrollerobjektet och injicerar det nya omfånget som ett beroende.
En styrenhet kan användas för att ställa in initialtillståndet för omfångsobjektet och för att lägga till beteende till objektet. En styrenhet kan inte användas för att dela kod eller status över styrenheter, men istället för den kan Angular-tjänsten användas.
F # 26) Vad är filter i AngularJS?
Svar: Filtrets huvudsakliga arbete är att modifiera data så att de kan slås samman till ett uttryck eller direktiv med hjälp av ett rörtecken (det används för att tillämpa filter i en vinkelsymbol för ett rör som är (|) eller detta är symbol).
Ett filter formaterar värdet på ett uttryck för en skärm till användaren. De kan användas i visningsmallar, styrenheter eller tjänster, och vi kan också enkelt skapa vårt eget filter. Ett filter är en modul som tillhandahålls av AngularJS. Det finns nio komponenter i ett filter som tillhandahålls av det.
Exempel: valuta, datum, filter, JSON, limitTo, etc.
F # 27) Vad är ng-App-direktivet i AngularJS?
Svar: Den används för att definiera AngularJs-applikationen. Det utser rotelementet i applikationen och det förvaras nära taggen eller.
Vi kan definiera ett valfritt antal ng-app-direktiv i HTML-dokumentet, men endast en AngularJS-applikation kan startas automatiskt (automatiskt startas) och de andra programmen behöver startas manuellt.
Exempel:
My first expression: {{157 + 122}}
F # 28) Vad är ng-switch i AngularJS?
Svar: Den används för att villkorligt utbyta DOM-strukturen på en mall som är baserad på ett omfångsbaserat uttryck.
Detta direktiv låter dig visa eller dölja HTML-elementet beroende på uttrycket.
F # 29) Vad är användningen av ett dubbelklick-händelse i AngularJs?
Svar: Det låter dig ange det anpassade beteendet på en dubbelklickshändelse för musen på en webbsida. Vi kan använda den (ng-dblclick) som attribut för HTML-elementet som,
... F # 30) Vad är ng-include och ng-click-riktlinjer i AngularJs?
Svar:
ng-inkluderar hjälper till att inkludera olika filer på huvudsidan. Direktivet om inkludering inkluderar HTML från en extern fil.
Det inkluderade innehållet inkluderas som underordnade noder för det angivna elementet. Värdet på attributet ng-include kan också vara ett uttryck som returnerar ett filnamn.
Som standard måste den inkluderade filen placeras på samma domän som dokumentet.
ng-click kan användas i scenarier som när du klickar på en knapp eller när du vill göra någon åtgärd. Det berättar för AngularJS vad man ska göra när man klickar på ett HTML-element.
Exempel:
OKOvanstående kod ökar antalet variabler med en närhelst du klickar på knappen.
F # 31) Vad är en representativ statsöverföring (REST) i AngularJs?
Svar: REST är en API-stil som fungerar via HTTP-begäran.
Den begärda URL: n identifierar de data som ska hanteras och HTTP-metoden identifierar den operation som ska utföras. REST är en API-stil snarare än en formell specifikation, och det finns mycket debatt och oenighet om vad som är och inte är RESTful, vilket är en term som används för att indikera ett API som följer REST-stilen.
AngularJS är flexibel när det gäller hur RESTful webbtjänster konsumeras.
F # 32) Vad är AngularJs Global API?
Svar: Det är en kombination av global JavaScript-funktion som används för att utföra uppgifter som att jämföra objekt, itera objekt och konvertera data.
Det finns några vanliga API-funktioner som:
- vinkel. små bokstäver: Den konverterar en sträng till gemenersträng.
- vinkel. versal: Den konverterar en sträng till stor bokstav.
- vinkel. isString: Det kommer att vara sant om den aktuella referensen är en sträng.
- vinkel. isNumber: Det kommer att vara sant om den aktuella referensen är ett tal.
F # 33) Vad är en leverantörsmetod i AngularJs?
Svar: En leverantör är ett objekt som skapar ett serviceobjekt genom att låta ta mer kontroll.
$ get () -metoden används i leverantören som returnerar serviceobjektet. Tjänstnamnet och fabriksfunktionen är de argument som skickas till leverantörsmetoden. AngularJS använder $ supply för att registrera nya leverantörer.
Syntax:
serviceApp.provider('logService', function ())F # 34) Vad är händelsehantering?
Svar: Händelsehantering i AngularJs är mycket användbart när du vill skapa AngularJs-applikationer i förväg.
Vi måste hantera DOM-händelser som musklick, rörelser, tangentbordstryck, ändra händelser och så vidare. AngularJs har några lyssnardirektiv som ng-click, ng-dbl-click, ng-mousedown, ng-keydown, ng-keyup etc.
F # 35) Vad är AngularJs DOM?
Svar: AngularJs har några direktiv som används för att inkapsla AngularJs applikationsdata till ett inaktiverat attribut för HTML-elementen.
Exempel: ng-deaktiverat direktiv inkapslar applikationsdata till de inaktiverade attributen för HTML DOM-elementet.
Click Me!
Button
{{ mySwitch }}
F # 36) Vilka är attributen som kan användas under skapandet av nya AngularJs-direktiv?
Svar: Det finns flera attribut som kan användas under skapandet av ett nytt direktiv.
De inkluderar:
- Mall: Det beskriver en inbyggd mall som en sträng.
- Mall-URL: Detta attribut specificerar AngularJs HTML-kompilatorn för att ersätta det anpassade direktivet i en mall med HTML-innehållet i en separat fil.
- Byta ut: Det ersätter det aktuella elementet om villkoret är sant om falskt bifogar detta direktiv till det aktuella elementet.
- Transclude: Det låter dig flytta de ursprungliga barnen till ett direktiv till en plats i den nya mallen.
- Omfattning: Det skapar en ny räckvidd för detta direktiv snarare än att ärva det överordnade omfånget.
- Kontroller: Det skapar en controller som publicerar ett API för att kommunicera över direktiven.
- Behöva: Det kräver ett annat direktiv att vara närvarande för att fungera det nuvarande direktivet effektivt.
- Länk: Det modifierar vilket resulterar i DOM-elementinstanser, lägger till händelselyssnare och ställer in databindning.
- Sammanställa: Det ändrar DOM-mallen för funktioner i flera kopior av ett direktiv, som när det används i andra direktiv. Din kompileringsfunktion kan också returnera länkfunktioner för att ändra de resulterande elementinstanserna.
F # 37) Är kapslade kontroller möjliga eller inte i AngularJs?
Svar: Ja, det är möjligt eftersom kapslade styrenheter är väldefinierade på ett klassificerat sätt när du använder en vy.
F 38) Är AngularJS väl lämpad för alla webbläsare?
Svar: Ja, det är åtföljbart med alla webbläsare som Safari, Chrome, Mozilla, Opera, IE, etc. samt mobilwebbläsare.
F 39) Definiera tjänster i AngularJS.
Svar: AngularJS-tjänster är singleton-objekt eller -funktioner som används för att utföra bestämda uppgifter. Det omfattar några företagsidéer och dessa syften kan kallas styrare, direktiv, filter och så vidare.
F 40) Förklara fördelarna med AngularJS.
Svar: Fördelarna inkluderar:
- Den stöder MVC-formulär.
- Organisera två sätt att binda data med AngularJS.
- Den stöder ömsesidig klient-server-kommunikation.
- Den stöder simuleringar.
F # 41) Skillnad mellan tjänster och fabrik.
Svar: Fabriker är funktioner som returnerar objektet, medan tjänster är konstruktörfunktioner för objektet som används av ett nytt nyckelord.
Syntax:
Fabrik - module.factory (`fabriksnamn`, funktion);
Service - module.service (`serviceName`, funktion);
F # 42) När ska både fabrik och service vara likvärdiga, när ska jag då använda dem?
Svar: Fabriksleverantör föredras med ett objekt, medan en tjänsteleverantör föredras med klass.
F # 43) Skillnad mellan AngularJS och React.JS.
Svar: AngularJS är ett TypeScript-språkbaserat JS-ramverk som släpptes i oktober 2010 av Google. Det är ett helt gratis ramverk och öppen källkod som används i SPA-projekt (dvs Single Page Application-projekt).
React.JS är ett javaskriptbibliotek som utvecklades av Facebook i mars 2013 för att bygga användargränssnitt. React-komponenter kan användas på flera sidor men inte som ett SPA (dvs. en enskild sidapplikation).
F # 44) Skillnad mellan ng-bind och ng-modelldirektivet.
Svar: ng-bindningsdirektivet har envägs databindningar, dataflöden endast från objekt till användargränssnitt, inte tvärtom (dvs $ scope >> vy) och ng-modelldirektivet har tvåvägs databindningar, dataflöden mellan gränssnittet till objektet och vice versa (dvs. $ scope >> visa och visa >> $ scope).
F # 45) Vad är skillnaden mellan AJAX och AngularJS?
Svar: AJAX står för Asynchronous JavaScript som används för att skicka och få svar från servern utan att ladda sidan.
Medan AngularJS är ett skrivbaserat JavaScript-ramverk som följer MVC-mönstret.
F # 46) Definiera ng-if, ng-show och ng-hide.
Svar: ng-if-direktivet används som en sats som tar bort HTML-elementet om uttrycket blir falskt.
Syntax
ng-show-direktivet används för att visa HTML-elementet om uttrycket blir sant. Och om uttrycket blir falskt kommer HTML-elementet att döljas.
Syntax
ng-hide-direktivet används för att dölja HTML-elementet om uttrycket blir falskt.
testverktyg för öppen källkod för webbapplikationer
Syntax
Både ng-show och ng-hide använder metoden för visningsegenskap.
F # 47) Vad är skillnaden mellan ngRoute och ui-router?
Svar: ngRoute är en modul utvecklad av angularJS team som var en del av kärnan angularJS ramverk. Medan ui-router utvecklades av en tredjepartsgemenskap för att övervinna problemen med ngRoute.
ngRoute är en plats- eller URL-baserad routing och ui-router är en statsbaserad routing som tillåter kapslade vyer.
F # 48) Hur ställer jag in, hämtar och rensar cookies i AngularJs?
Svar: AngularJS har en modul som heter ngCookies, så innan ngCookies injiceras bör angular-cookies.js inkluderas i applikationen.
- Ställ in kakor - Putmetoden används för att ställa in cookies i ett nyckel-värde-format.
$cookies.put(“username”, $scope.username);- Skaffa kakor - Get-metoden används för att få kakor.
$cookies.get(‘username’);- Rensa kakor - Metoden Ta bort används för att ta bort kakor.
$cookies.remove(‘username’);Slutsats
Jag är säker på att den här artikeln skulle ha hjälpt dig att förstå grunderna och avancerad nivå för AngularJS.
Denna uppsättning intervjufrågor och svar på AngularJS som listas här gör det möjligt för dig att knäcka alla AngularJS-intervjuer framgångsrikt på en fräschare såväl som erfarenhetsnivå. Det här är de vanliga frågorna som ställs i intervjuerna. Det var allt tills vidare.
Denna artikel hjälper dig att knäcka och möta alla intervjuer relaterade till AngularJS !! Hoppas att du gillade hela utbudet av handledning i denna AngularJS-serie !!
Rekommenderad läsning
- Intervjufrågor och svar
- ETL Testing Intervju Frågor och svar
- Några knepiga manuella testfrågor och svar
- 25 bästa intervjuer och svar på Agile Testing
- Spock intervjufrågor med svar (mest populära)
- Några intressanta programtestintervjufrågor
- Topp 20+ .NET-intervjufrågor och svar
- Topp 51 Bootstrap intervjufrågor och svar