48 top angularjs interview questions
Liste over hyppigst stillede AngularJS Interviewspørgsmål med detaljerede svar til nybegyndere og erfarne fagfolk:
AngularJS er en af de mest aktuelle webudviklingsrammer rundt om i verden.
I næsten ethvert interview bliver du nødt til at kæmpe med hård konkurrence for at nå højt og få dit drømmejob. Derfor bør du forberede dig i god tid.
For at støtte dig i denne rejse har vi trukket en liste over de ofte stillede AngularJS-interviewspørgsmål sammen med de svar, som din interviewer forventer på tidspunktet for interviewet.
Læs vores serie af AngularJS tutorials for mere viden om konceptet. Vinkelmåler værktøj til test af AngularJS Apps blev forklaret i vores tidligere tutorial.
Ofte stillede spørgsmål om AngularJS-interview
Nedenfor er en liste over de vigtigste interviewspørgsmål og svar på AngularJS for at hjælpe alle med at rydde et interview med succes.
Lad os udforske !!
Q # 1) Hvad forstår du ved AngularJS?
Svar: AngularJS er en JavaScript-ramme, der bruges til at lave rige og udvidelige webapplikationer.
Det kører på almindelig JavaScript og HTML, hvorfor du ikke har brug for andre afhængigheder for at få det til at fungere. AngularJS er perfekt til SPA (Single Page Applications). Det bruges grundlæggende til binding af JavaScript-objekter med HTML UI-elementer.
Q # 2) Definer funktionerne i AngularJS.
Svar: Funktionerne inkluderer:
- Skabelonen (Vis)
- Omfanget (model)
- Controlleren (controller)
- Tjenester
- Filtre
- Direktiver
Q # 3) Definer databinding.
Svar: Databinding er en automatisk tilpasning af data mellem visningen og modelkomponenterne.
Q # 4) Skel mellem AngularJS og JavaScript-udtryk.
Svar: Der er flere forskelle mellem AngularJS og JavaScript-udtryk:
- Vi kan skrive AngularJS-udtryk i HTML, men vi kan ikke skrive JavaScript-udtryk i HTML.
- Vi kan ikke bruge betingede iterationer, sløjfer og undtagelser i AngularJS, men vi kan bruge alle disse betingede egenskaber i JavaScript-udtryk.
- Filtre understøttes i AngularJS, mens filtre ikke understøttes i JavaScript.
Q # 5) Skriv alle trin for at konfigurere en n Vinkel-app (i app).
Svar: For at oprette en kantet app skal vi følge visse trin som nævnt nedenfor:
- angular.module oprettes først.
- En controller tildeles modulet.
- Modulet linkes til HTML-skabelonen (dvs. UI eller View) med en vinkelapp (ng-app).
- HTML-skabelonen vil være knyttet til controlleren (dvs. JS) med et ng-controller-direktiv.
Q # 6) Hvad er de vinkelmoduler?
Svar: Vinkelmodulerne definerer samlet en vinkelapplikation, hvor vi kan skrive vinkelkoden. Moduler indeholder de forskellige dele af en vinkelapplikation. Et modul oprettes af vinkelmodulfunktion i vinkel.
Spørgsmål nr. 7) Hvad er direktivets anvendelsesområde i AngularJS?
Svar: Tre direktivomfang er tilgængelige i AngularJS.
De er:
- Overordnet omfang: Uanset hvilken ændring du foretager i dit direktiv, der kommer fra det overordnede omfang, vil det også afspejle sig i det overordnede omfang, og det er også et standardområde.
- Børns rækkevidde: Det er et indlejret omfang, der arver en ejendom fra det overordnede omfang. Også, hvis nogen egenskaber og funktion på omfanget ikke er forbundet med det overordnede anvendelsesdirektiv, oprettes der et nyt underordnet anvendelsesdirektiv.
- Isoleret rækkevidde: Det kan genbruges og bruges, når vi bygger et selvstændigt direktiv. Det bruges kun til privat og intern brug, hvilket betyder, at det ikke indeholder nogen egenskaber for det overordnede omfang.
Q # 8) Hvordan kan vi dele data mellem controllere i AngularJS?
Svar: Først skal vi oprette en tjeneste. Tjenesten bruges til at dele data mellem controllere i AngularJS på en meget klar, nem og hurtigste måde. Vi bruger begivenheder, $ forælder, næste søskende og controller ved hjælp af et $ rootScope.
Q # 9) Hvad er fordøjelsescyklussen i AngularJs?
Svar: Det er en del af processen med databinding i AngularJS. Det sammenligner de gamle og nye versioner af omfangsmodelværdien i hver fordøjelsescyklus.
Fordøjelsescyklussen udløses automatisk. Vi kan også forbedre anvendeligheden ved at bruge $ Apply (), hvis vi vil udløse fordøjelsescyklussen manuelt.
Q # 10) Forklar forskellene mellem envejsbinding og tovejsbinding.
Svar: Envejsbinding bruges til at binde dataene fra modellen til visning uden at opdatere HTML-skabelonen eller visningen automatisk.
For at opdatere HTML-skabelonen er vi derfor nødt til at skrive en brugerdefineret kode, der opdaterer visningen hver gang, når en data er bundet fra model til visning.
Mens tovejsbinding bruges til at binde data fra modellen til visning og omvendt (dvs. visning til model) ved automatisk at opdatere HTML-skabelonen uden at skrive nogen brugerdefineret kode.
Q # 11) Forskel mellem sessionStorage, cookies og localStorage.
Svar: Forskellene er som følger:
- SessionStorage - Dataene gemmes til en bestemt session. Dataene går tabt, når browserfanen lukkes eller efter en bestemt session. Den maksimale gemte størrelse kan være op til 5 MB.
- LocalStorage - Dataene gemmes uden udløbsdato. Dataene kan kun ryddes med JavaScript eller ved at rydde browserens cache. Lagringsgrænsen er maksimalt end sessionStorage og cookie.
- Cookies - Den gemmer de data, der skal sendes tilbage til serveren med nogle anmodninger. Cookiens udløb varierer afhængigt af typen og varigheden, der er indstillet fra enten serversiden eller klientsiden. Den maksimale gemte størrelse kan være mindre end 4KB.
Q # 12) Hvad er rollen som $ routeProvider i AngularJS?
Svar: Det er $ routeProvider, der hjælper med at navigere mellem forskellige sider / links uden at indlæse siden / linket separat, når en bruger klikker på et link.
ngRoute config () -metoden bruges til at konfigurere routeProvider.
Q # 13) Hvad er forskellen mellem $ scope og scope?
Svar: I AngularJS bruges $ scope til at opnå afhængighedsinjektion, og scope bruges til at linke mellem View (dvs. HTML) og Controller (dvs. JS).
Spørgsmål nr. 14) Hvordan bruges AngularJS-præfikser $ og $$?
Svar: $$ variabel i AngularJS bruges som en privat variabel, da den bruges til at forhindre utilsigtet kodekollision med brugerkoden.
Mens præfiks $ kan bruges til at betegne kantede kernefunktionaliteter (som en variabel, parameter, egenskab eller metode).
Spørgsmål nr. 15) Hvor kan vi implementere DOM-manipulation i AngularJS?
Svar: Manipulation af DOM er i direktiver, og bortset fra dette bør den ikke eksistere i controllerens tjenester eller andre steder.
Spørgsmål nr. 16) Hvordan kan vi vise, at en omfangsvariabel kun skal have engangsbinding?
Svar: For at vise engangsbinding skal vi bruge “ :: ”Foran anvendelsesområdet.
Spørgsmål nr. 17) Hvad er SPA (Single Page Application) i AngularJS?
Svar: Det er en webapplikation, der indlæser en enkelt HTML-side og dynamisk opdaterer siden, når brugeren opretter forbindelse til appen.
Ved at bruge AJAX og HTML kan en flydende og lydhør webapp oprettes af SPA uden uændrede sideindlæsninger. Gennem dette kan vi lave lydhør brugergrænseflade uden sideflimmer.
Spørgsmål nr. 18) Hvor mange typer databindinger er der i AngularJS?
Svar: AngularJS understøtter både envejs- og tovejsbinding.
På en måde bindende, hvis vi ændrer datamodellen, vil der ikke være nogen dynamisk ændring, som du vil se i visningen, men på to måder bindende, vil der være en dynamisk ændring, hver gang der foretages en ændring i datamodellen.
Spørgsmål nr. 19) Hvad er bindende direktiver i AngularJs?
Svar: De bindende direktiver inkluderer:
- ng-bind
- ng-bind-html
- ng-bind-skabelon
- af ikke-bindbare
- ng-model
Q # 20) Forklar ng-bind og ng-bind-html-direktiver.
Svar:
ng-bind : Det er et direktiv, der erstatter indholdet af HTML-elementet med værdien af den tildelte variabel eller udtryk.
Indholdet af HTML-elementet ændres ved at ændre værdien af variablen eller udtrykket.
Det ligner ({{expression}}) og syntaksen for dette er,
ng-bind-html : Det er et direktiv, der binder indholdet til HTML-elementet (visning) på en sikker måde. $ sanitize-tjenesten bruges til at desinficere indholdet til at binde til et HTML-element. For at gøre dette skal 'angular-sanitize.js' inkluderes i vores ansøgning.
hvordan åbner jeg en eps-fil i Windows 10
Syntaks for at skrive dette,
Q # 21) Forklar ng-bind-skabelon og ng-ikke-bindbar.
Svar:
ng-bind-skabelon : Det erstatter elementets tekstindhold ved interpolering af skabelonen. Det kan indeholde flere dobbelte krøllede markeringer.
Kan ikke bindes : Det specificerer AngularJS for ikke at kompilere indholdet af dette HTML-element og dets underordnede noder.
Q # 22) Forklar ng-model direktivet i AngularJs.
Svar: Dette kan være et springhopp med den brugerdefinerede HTML-inputformularstyring (som input, tekstarea og select) til applikationsdataene. Det giver formvalideringsadfærd med tovejsbinding.
< input ng-bind='expression' /> Q # 23) Definer fabriksmetoden i AngularJS.
Svar: Det ligner meget service, fabrikker implementerer et modulmønster, hvor vi bruger en fabriksmetode til at generere et objekt, der bruges til at bygge modeller.
På en fabrik returneres et metodeobjekt i slutningen ved at oprette et nyt objekt og tilføje funktioner som egenskaber.
Syntaks :
module.factory(‘factoryName', function);Spørgsmål nr. 24) Hvad er ng-gentagelsesdirektiv i AngularJS?
Svar: Det gengives eller gentages over en samling af varer og opretter DOM-elementer. Det overvåger regelmæssigt datakilden for at gengive en skabelon igen som svar på en ændring.
Syntaks:
{{stu.name}} {{stu. grade}}
Q # 25) Hvad er en controller i AngularJS?
Svar: En controller er en JavaScript-funktion, der er bundet til det angivne omfang. Vinklet instantierer det nye controller-objekt og injicerer det nye omfang som en afhængighed.
En controller kan bruges til at indstille den oprindelige tilstand for omfangsobjektet og tilføje opførsel til objektet. En controller kan ikke bruges til at dele kode eller tilstand på tværs af controllere, men i stedet for kan den Angular-tjeneste bruges.
Spørgsmål nr. 26) Hvad er filtre i AngularJS?
Svar: Hovedarbejdet med filtre er at ændre dataene, så de kan flettes til et udtryk eller et direktiv ved hjælp af et rørtegn (det bruges til at anvende filtre i et vinkelsymbol på et rør, som er (|), eller dette er symbol).
Et filter formaterer værdien af et udtryk for en skærm til brugeren. De kan bruges i visningsskabeloner, controllere eller tjenester, og vi kan også nemt oprette vores eget filter. Et filter er et modul leveret af AngularJS. Der er ni komponenter i et filter, som leveres af det.
Eksempler: valuta, dato, filter, JSON, limitTo osv.
Spørgsmål nr. 27) Hvad er ng-App-direktivet i AngularJS?
Svar: Det bruges til at definere AngularJs-applikationen. Det udpeger rodelementet i applikationen, og det opbevares nær tagget eller.
Vi kan definere et hvilket som helst antal ng-app-direktiver inde i HTML-dokumentet, men kun en AngularJS-applikation kan startes automatisk (automatisk bootstrapped), og de andre applikationer skal startes manuelt.
Eksempel:
My first expression: {{157 + 122}}
Q # 28) Hvad er ng-switch i AngularJS?
Svar: Det bruges til betinget at udveksle DOM-strukturen på en skabelon, der er baseret på et omfangsbaseret udtryk.
Dette direktiv giver dig mulighed for at vise eller skjule HTML-elementet afhængigt af udtrykket.
Spørgsmål nr. 29) Hvad er brugen af et dobbeltklik-arrangement i AngularJs?
Svar: Det giver dig mulighed for at specificere den brugerdefinerede adfærd på et dobbeltklik på musen på en webside. Vi kan bruge det (ng-dblclick) som en attribut for HTML-elementet som,
... Spørgsmål nr. 30) Hvad er ng-include og ng-click-direktiver i AngularJs?
Svar:
ng-inkluderer hjælper med at inkludere forskellige filer på hovedsiden. Direktivet om ng-inkluderer inkluderer HTML fra en ekstern fil.
Det inkluderede indhold vil blive inkluderet som underordnede noder for det angivne element. Værdien af attributten ng-include kan også være et udtryk, der returnerer et filnavn.
Som standard skal den inkluderede fil være placeret på samme domæne som dokumentet.
ng-click kan bruges i scenarier som når du klikker på en knap, eller når du vil udføre en handling. Det fortæller AngularJS hvad man skal gøre, når der klikkes på et HTML-element.
Eksempel:
OKOvenstående kode øger tællingsvariablen med en, når der trykkes på knappen.
Spørgsmål nr. 31) Hvad er en repræsentativ statsoverførsel (REST) i AngularJs?
Svar: REST er en API-stil, der fungerer via HTTP-anmodningen.
Den anmodede URL identificerer de data, der skal betjenes, og HTTP-metoden identificerer den operation, der skal udføres. REST er en API-stil snarere end en formel specifikation, og der er meget debat og uenighed om, hvad der er og ikke er RESTful, hvilket er et udtryk, der bruges til at indikere en API, der følger REST-stilen.
AngularJS er fleksibel med hensyn til, hvordan RESTful webtjenester forbruges.
Spørgsmål nr. 32) Hvad er AngularJs Global API?
Svar: Det er en kombination af global JavaScript-funktion, der bruges til at udføre opgaver som at sammenligne objekter, iterere objekter og konvertere data.
Der er nogle almindelige API-funktioner som:
- kantet. små bogstaver: Det konverterer en streng til små bogstaver.
- kantet. store bogstaver: Den konverterer en streng til store bogstaver.
- kantet. isString: Det vil returnere sandt, hvis den aktuelle reference er en streng.
- kantet. isNummer: Det vil returnere sandt, hvis den aktuelle reference er et tal.
Spørgsmål nr. 33) Hvad er en udbydermetode i AngularJs?
Svar: En udbyder er et objekt, der opretter et serviceobjekt ved at tillade at tage mere kontrol.
$ get () -metoden bruges i udbyderen, som returnerer serviceobjektet. Servicenavnet og fabriksfunktionen er de argumenter, der overføres til udbydermetoden. AngularJS bruger $ give til at registrere nye udbydere.
Syntaks:
serviceApp.provider('logService', function ())Spørgsmål nr. 34) Hvad er begivenhedshåndtering?
Svar: Begivenhedshåndtering i AngularJs er meget nyttigt, når du vil oprette forhåndsangularJs-applikationer.
Vi har brug for at håndtere DOM-begivenheder som museklik, bevægelser, tastaturtryk, ændre begivenheder og så videre. AngularJs har nogle lytterdirektiver som ng-klik, ng-dbl-klik, ng-mousedown, ng-keydown, ng-keyup osv.
Spørgsmål nr. 35) Hvad er AngularJs DOM?
Svar: AngularJs har nogle direktiver, der bruges til at indkapsle AngularJs applikationsdata til en deaktiveret attribut for HTML-elementerne.
Eksempel: ng-deaktiveret direktiv indkapsler applikationsdataene til de deaktiverede attributter for HTML DOM-elementet.
Click Me!
Button
{{ mySwitch }}
Q # 36) Hvad er de attributter, der kan bruges under oprettelsen af nye AngularJs-direktiver?
Svar: Der er flere attributter, der kan bruges under oprettelse af et nyt direktiv.
De omfatter:
- Skabelon: Det beskriver en indbygget skabelon som en streng.
- Skabelon-URL: Denne attribut specificerer AngularJs HTML-kompilatoren til at erstatte det brugerdefinerede direktiv inde i en skabelon med HTML-indholdet placeret i en separat fil.
- Erstatte: Det erstatter det aktuelle element, hvis betingelsen er sand, hvis falsk føjer dette direktiv til det aktuelle element.
- Transkluder: Det giver dig mulighed for at flytte de originale børn i et direktiv til et sted inde i den nye skabelon.
- Anvendelsesområde: Det skaber et nyt anvendelsesområde for dette direktiv snarere end at arve det overordnede anvendelsesområde.
- Styring: Det opretter en controller, der udgiver en API til kommunikation på tværs af direktiverne.
- Kræve: Det kræver et andet direktiv at være til stede for at kunne fungere effektivt med det nuværende direktiv.
- Link: Det ændrer, hvilket resulterer i DOM-elementforekomster, tilføjer begivenhedslyttere og konfigurerer databinding.
- Udarbejde: Det ændrer DOM-skabelonen til funktioner på tværs af kopier af et direktiv, som når det bruges i andre direktiver. Din kompileringsfunktion kan også returnere linkfunktioner for at ændre de resulterende elementforekomster.
Q # 37) Er indlejrede controllere mulige eller ikke i AngularJs?
Svar: Ja, det er muligt, da indlejrede controllere er veldefinerede på en klassificeret måde, mens du bruger en visning.
Q 38) Er AngularJS velegnet til alle browsere?
Svar: Ja, det kan ledsages af alle browsere som Safari, Chrome, Mozilla, Opera, IE osv. Samt mobilbrowsere.
Q 39) Definer tjenester i AngularJS.
Svar: AngularJS-tjenester er de enkelte objekter eller funktioner, der bruges til at udføre bestemte opgaver. Det omfatter nogle forretningsidéer, og disse formål kan kaldes controllere, direktiv, filtre og så videre.
Q 40) Forklar fordelene ved AngularJS.
Svar: Fordele inkluderer:
- Det understøtter MVC-formular.
- Organiser to måder til databinding ved hjælp af AngularJS.
- Det understøtter gensidig klient-server kommunikation.
- Det understøtter simuleringer.
Q # 41) Forskel mellem tjenester og fabrik.
Svar: Fabrikker er funktioner, der returnerer objektet, mens tjenester er konstruktorfunktioner for objektet, der bruges af et nyt nøgleord.
Syntaks:
Fabrik - module.factory (`fabriksnavn`, funktion);
Service - module.service (`serviceName`, funktion);
Spørgsmål nr. 42) Hvis både fabrik og service er ækvivalente, hvornår skal jeg så bruge dem?
Svar: Fabriksudbyder foretrækkes ved hjælp af et objekt, mens en tjenesteudbyder foretrækkes ved hjælp af med klasse.
Q # 43) Forskel mellem AngularJS og React.JS.
Svar: AngularJS er et TypeScript-sprogbaseret JS-framework udgivet i oktober 2010 af Google. Det er en fuldstændig fri ramme og open source, der bruges i SPA-projekter (dvs. Single Page Application-projekter).
React.JS er et javascript-bibliotek udviklet af Facebook i marts 2013 til opbygning af brugergrænseflade. Reaktionskomponenter kan bruges på flere sider, men ikke som et SPA (dvs. en enkelt sideapplikation).
Q # 44) Forskel mellem ng-bind og ng-model direktiv.
Svar: ng-bind-direktivet har envejs-databindinger, datastrømme kun fra objekt til UI, ikke omvendt (dvs. $ scope >> -visning) og ng-model-direktivet har tovejs databindinger, datastrømme mellem UI til objekt og vice versa (dvs. $ scope >> se og se >> $ scope).
Q # 45) Hvad er forskellen mellem AJAX og AngularJS?
Svar: AJAX står for Asynchronous JavaScript, som bruges til at sende og få svar fra serveren uden at indlæse siden.
Mens AngularJS er en typografisk sprogbaseret JavaScript-ramme, der følger MVC-mønsteret.
Q # 46) Definer ng-if, ng-show og ng-hide.
Svar: ng-if direktivet bruges som om klausul, der fjerner HTML-elementet, hvis udtrykket bliver falsk.
Syntaks
ng-show-direktivet bruges til at vise HTML-elementet, hvis udtrykket bliver sandt. Og hvis udtrykket bliver falsk, skjules HTML-elementet.
Syntaks
ng-hide-direktivet bruges til at skjule HTML-elementet, hvis udtrykket bliver falsk.
mobiltelefon spion apps til Android
Syntaks
Både ng-show og ng-hide bruger metoden display-egenskab.
Spørgsmål nr. 47) Hvad er forskellen mellem ngRoute og ui-router?
Svar: ngRoute er et modul udviklet af angularJS team, som var en del af kernen angularJS framework. Mens ui-router blev udviklet af et tredjepartssamfund for at løse problemer med ngRoute.
ngRoute er en placerings- eller URL-baseret routing, og ui-router er en statsbaseret routing, der tillader indlejrede visninger.
Spørgsmål nr. 48) Hvordan indstilles, hentes og ryddes cookies i AngularJs?
Svar: AngularJS har et modul kaldet ngCookies, så inden injektion ngCookies angular-cookies.js skal inkluderes i applikationen.
- Indstil cookies - Put-metoden bruges til at indstille cookies i et nøgleværdiformat.
$cookies.put(“username”, $scope.username);- Få cookies - Get-metoden bruges til at få cookies.
$cookies.get(‘username’);- Ryd cookies - Fjern metode bruges til at fjerne cookies.
$cookies.remove(‘username’);Konklusion
Jeg er sikker på, at denne artikel ville have hjulpet dig med at forstå det grundlæggende og avancerede niveau af AngularJS.
Dette sæt af interviewspørgsmål og svar på AngularJS, der er anført her, giver dig mulighed for at knække ethvert AngularJS-interview med succes på et friskere såvel som oplevelsesniveau. Dette er de hyppige spørgsmål, der stilles i interviews. Det er alt for nu.
Denne artikel hjælper dig med at knække og møde ethvert interview relateret til AngularJS !! Håber du nød hele rækken af tutorials i denne AngularJS serie !!
Anbefalet læsning
- Interviewspørgsmål og svar
- ETL Testing Interview Spørgsmål og svar
- Nogle vanskelige manuelle testspørgsmål og svar
- 25 bedste spørgsmål om svar på Agile Testing Interview og svar
- Spock Interview-spørgsmål med svar (mest populære)
- Nogle interessante spørgsmål om software-test Interview
- Top 20+ .NET Interview Spørgsmål og svar
- Top 51 Bootstrap Interview Spørgsmål og svar