48 top angularjs interview questions
Liste over ofte stilte spørsmål om AngularJS-intervju med detaljerte svar for nybegynnere og erfarne fagpersoner:
AngularJS er en av de nyeste rammene for webutvikling over hele verden.
I nesten hvert intervju må du slite med hard konkurranse, for å oppnå høye og få din drømmejobb. Derfor bør du forberede deg i god tid.
For å støtte deg i denne reisen har vi tegnet en liste over de ofte stilte spørsmålene til AngularJS-intervjuet sammen med svarene som intervjueren din forventer på tidspunktet for intervjuet.
Les gjennom vår serie AngularJS opplæringsprogrammer for mer kunnskap om konseptet. Vinkelmålerverktøy for testing av AngularJS Apper ble forklart i vår forrige opplæring.
Ofte stilte spørsmål om AngularJS-intervju
Nedenfor er en liste over de viktigste intervjuspørsmålene og svarene på AngularJS for å hjelpe alle med å fjerne et intervju med suksess.
La oss utforske !!
Q # 1) Hva forstår du av AngularJS?
Svar: AngularJS er et JavaScript-rammeverk som brukes til å lage rike og utvidbare webapplikasjoner.
Den kjører på vanlig JavaScript og HTML, og du trenger ikke andre avhengigheter for å få det til å fungere. AngularJS er perfekt for applikasjoner med én side (SPA). Det brukes i utgangspunktet for å binde JavaScript-objekter med HTML UI-elementer.
Q # 2) Definer funksjonene til AngularJS.
Svar: Funksjonene inkluderer:
- Malen (Vis)
- Omfanget (modell)
- Kontrolleren (kontrolleren)
- Tjenester
- Filtre
- Direktiver
Q # 3) Definer databinding.
Svar: Databinding er en automatisk avstemning av data mellom visning og modellkomponenter.
Q # 4) Skille mellom AngularJS og JavaScript-uttrykk.
Svar: Det er flere forskjeller mellom AngularJS og JavaScript-uttrykk:
- Vi kan skrive AngularJS-uttrykk i HTML, men vi kan ikke skrive JavaScript-uttrykk i HTML.
- Vi kan ikke bruke betingede iterasjoner, sløyfer og unntak i AngularJS, men vi kan bruke alle disse betingede egenskapene i JavaScript-uttrykk.
- Filtre støttes i AngularJS, mens filtre ikke støttes i JavaScript.
Q # 5) Skriv alle trinnene for å konfigurere a n Angular App (i appen).
Svar: For å sette opp en vinkelapp må vi følge visse trinn som nevnt nedenfor:
- angular.module blir opprettet først.
- En kontroller vil bli tilordnet modulen.
- Modulen vil bli koblet til HTML-malen (dvs. UI eller View) med en vinkelapp (ng-app).
- HTML-malen vil bli koblet til kontrolleren (dvs. JS) med et ng-controller-direktiv.
Q # 6) Hva er vinkelmodulene?
Svar: Vinkelmodulene definerer samlet en vinkelapplikasjon der vi kan skrive vinkelkoden. Moduler inneholder de forskjellige delene av en vinkelapplikasjon. En modul er opprettet av angular.module funksjon i vinkel.
Q # 7) Hva er direktivets omfang i AngularJS?
Svar: Tre direktivomfang er tilgjengelig i AngularJS.
De er:
- Overordnet omfang: Uansett hvilken endring du foretar i direktivet ditt som kommer fra foreldrenes omfang, vil det også gjenspeiles i det overordnede omfanget, og det er også et standardområde.
- Barneomfang: Det er et nestet omfang som arver en eiendom fra det overordnede omfanget. Også, hvis noen egenskaper og funksjoner på omfanget ikke er knyttet til foreldredirektivet, opprettes et nytt underordningsdirektiv.
- Isolert omfang: Den er gjenbrukbar og brukes når vi bygger et selvstendig direktiv. Den brukes bare til privat og intern bruk, noe som betyr at den ikke inneholder noen egenskaper for det overordnede omfanget.
Sp # 8) Hvordan kan vi dele dataene mellom kontrollere i AngularJS?
Svar: Først må vi lage en tjeneste. Tjenesten brukes til å dele dataene mellom kontrollere i AngularJS på en veldig klar, enkel og raskeste måte. Vi bruker hendelser, $ foreldre, neste søsken og kontroller ved å bruke et $ rootScope.
Sp # 9) Hva er fordøyelsessyklusen i AngularJs?
Svar: Det er en del av prosessen med databinding i AngularJS. Den sammenligner gamle og nye versjoner av omfangsmodellverdien i hver fordøyelsessyklus.
Fordøyelsessyklusen utløses automatisk. Vi kan også forbedre brukervennligheten ved å bruke $ Apply () hvis vi ønsker å utløse fordøyelsessyklusen manuelt.
Q # 10) Forklar forskjellene mellom enveisbinding og toveisbinding.
Svar: Enveisbinding brukes til å binde dataene fra modellen for å se uten å oppdatere HTML-malen eller visningen automatisk.
Derfor, for å oppdatere HTML-malen, må vi skrive en egendefinert kode som vil oppdatere visningen hver gang når en data er bundet fra modell til visning.
Mens toveis binding brukes til å binde dataene fra modellen til visning og omvendt (dvs. visning til modell) ved automatisk å oppdatere HTML-malen uten å skrive noen tilpasset kode.
Q # 11) Forskjell mellom sessionStorage, cookies og localStorage.
Svar: Forskjellene er som følger:
- SessionStorage - Dataene lagres for en bestemt økt. Dataene går tapt når nettleserfanen lukkes eller etter en bestemt økt. Maksimal lagret størrelse kan være opptil 5 MB.
- Lokal lagring - Dataene lagres uten utløpsdato. Dataene kan bare slettes med JavaScript eller ved å tømme nettleserbufferen. Lagringsgrensen er maksimalt enn øktlagring og informasjonskapsel.
- Informasjonskapsler - Den lagrer dataene som må sendes tilbake til serveren med noen forespørsler. Utløpet av informasjonskapslen varierer av typen og varigheten som er angitt fra server- eller klientsiden. Maksimal lagret størrelse kan være mindre enn 4KB.
Q # 12) Hva er rollen til $ routeProvider i AngularJS?
Svar: Det er $ routeProvider som hjelper til med å navigere mellom forskjellige sider / lenker uten å laste siden / lenken separat når en bruker klikker på en lenke.
ngRoute config () -metoden brukes til å konfigurere routeProvider.
Q # 13) Hva er forskjellen mellom $ scope og scope?
Svar: I AngularJS brukes $ scope for å oppnå avhengighetsinjeksjon, og scope brukes til å koble mellom View (dvs. HTML) og Controller (dvs. JS).
Sp # 14) Hvordan brukes AngularJS-prefikser $ og $$?
Svar: $$ variabel i AngularJS brukes som en privat variabel, siden den brukes til å forhindre utilsiktet kodekollisjon med brukerkoden.
Mens prefiks $ kan brukes til å betegne vinkelfunksjoner (som en variabel, parameter, egenskap eller metode).
Sp # 15) Hvor kan vi implementere DOM-manipulasjonen i AngularJS?
Svar: Manipulering av DOM er i direktiver, og bortsett fra dette, bør den ikke eksistere i kontrollerens tjenester eller andre steder.
Spørsmål nr. 16) Hvordan kan vi vise at en omfangsvariabel bare skal ha engangsbinding?
Svar: For å vise engangsbinding må vi bruke “ :: ”Foran omfanget.
Q # 17) Hva er SPA (Single Page Application) i AngularJS?
Svar: Det er et webapplikasjon som laster inn en enkelt HTML-side og oppdaterer siden dynamisk når brukeren kobler seg til appen.
Ved å bruke AJAX og HTML kan en flytende og responsiv webapp opprettes av SPA uten endringer på siden. Gjennom dette kan vi lage responsivt brukergrensesnitt uten sideflimmer.
Sp # 18) Hvor mange typer databindinger er det i AngularJS?
Svar: AngularJS støtter både enveis og toveis binding.
På en måte bindende hvis vi endrer datamodellen, vil det ikke være noen dynamisk endring som du vil se i visningen, men på to måter bindende, vil det være en dynamisk endring hver gang en endring vil bli gjort i datamodellen.
Spørsmål nr. 19) Hva er bindende direktiver i AngularJs?
Svar: Forbindelsesdirektivene inkluderer:
- ng-bind
- ng-bind-html
- ng-bind-mal
- av ikke-bindbart
- ng-modell
Q # 20) Forklar ng-bind og ng-bind-html-direktiver.
Svar:
ng-bind : Det er et direktiv som erstatter innholdet i HTML-elementet med verdien til den tildelte variabelen eller uttrykket.
Innholdet i HTML-elementet vil endres ved å endre verdien på variabelen eller uttrykket.
Det er som ({{expression}}) og syntaksen for dette er,
ng-bind-html : Det er et direktiv som binder innholdet til HTML-elementet (visning) på en sikker måte. $ sanitize-tjenesten brukes til å desinfisere innholdet for å binde seg til et HTML-element. For å gjøre dette må 'angular-sanitize.js' inkluderes i søknaden vår.
hvordan åpne xml-fil i word
Syntaks for å skrive dette,
Q # 21) Forklar ng-bind-mal og ng-ikke-bindbar.
Svar:
ng-bind-mal : Det erstatter tekstinnholdet i elementet ved interpolering av malen. Den kan inneholde flere doble krøllete markeringer.
Ikke bindbar : Den spesifiserer AngularJS for ikke å kompilere innholdet i dette HTML-elementet og dets underordnede noder.
Q # 22) Forklar ng-modelldirektivet i AngularJs.
Svar: Dette kan være et spranghopp med den tilpassede skjermkontrollen for HTML-inngang (som input, textarea og select) til applikasjonsdataene. Det gir formvalideringsadferd med toveis binding.
< input ng-bind='expression' /> Q # 23) Definer fabrikkmetoden i AngularJS.
Svar: Det ligner ganske mye på service, fabrikker implementerer et modulmønster der vi bruker en fabrikkmetode for å generere et objekt som brukes til å bygge modeller.
I en fabrikk returneres et metodeobjekt til slutt ved å opprette et nytt objekt og legge til funksjoner som egenskaper.
Syntaks :
module.factory(‘factoryName', function);Spørsmål nr. 24) Hva er ng-repeat-direktiv i AngularJS?
Svar: Den gjengir eller gjentas over en samling av gjenstander og lager DOM-elementer. Den overvåker regelmessig datakilden for å gjengi en mal på nytt som svar på en endring.
Syntaks:
{{stu.name}} {{stu. grade}}
Q # 25) Hva er en kontroller i AngularJS?
Svar: En kontroller er en JavaScript-funksjon som er bundet til det angitte omfanget. Angular instantierer det nye kontrollerobjektet og injiserer det nye omfanget som en avhengighet.
En kontroller kan brukes til å sette opp den opprinnelige tilstanden til omfangsobjektet og til å legge til oppførsel til objektet. En kontroller kan ikke brukes til å dele kode eller tilstand på tvers av kontrollere, men i stedet for kan Angular-tjenesten brukes.
Spørsmål nr. 26) Hva er filtre i AngularJS?
Svar: Hovedarbeidet med filtre er å modifisere dataene, slik at de kan slås sammen til et uttrykk eller et direktiv ved å bruke et rørtegn (det brukes til å bruke filtre i et vinkelsymbol på et rør som er (|) eller dette er symbol).
Et filter formaterer verdien av et uttrykk for en skjerm til brukeren. De kan brukes i visningsmaler, kontrollere eller tjenester, og vi kan også enkelt lage vårt eget filter. Et filter er en modul levert av AngularJS. Det er ni komponenter i et filter som leveres av det.
Eksempler: valuta, dato, filter, JSON, limitTo osv.
Spørsmål nr. 27) Hva er ng-App-direktivet i AngularJS?
Svar: Den brukes til å definere AngularJs-applikasjonen. Den utnevner rotelementet i applikasjonen, og den holdes nær taggen eller.
Vi kan definere et hvilket som helst antall ng-app-direktiver i HTML-dokumentet, men bare ett AngularJS-program kan startes automatisk (automatisk bootstrapped), og de andre programmene må startes av manuelt.
Eksempel:
My first expression: {{157 + 122}}
Q # 28) Hva er ng-switch i AngularJS?
Svar: Den brukes til å betinget utveksle strukturen til DOM på en mal som er basert på et omfangsbasert uttrykk.
Dette direktivet lar deg vise eller skjule HTML-elementet avhengig av uttrykket.
Spørsmål nr. 29) Hva er bruken av et dobbeltklikk-arrangement i AngularJs?
Svar: Den lar deg spesifisere den egendefinerte oppførselen på et dobbeltklikk på musen på en webside. Vi kan bruke den (ng-dblclick) som et attributt for HTML-elementet som,
... Spørsmål nr. 30) Hva er ng-include og ng-click-direktiver i AngularJs?
Svar:
ng-inkluderer hjelper til med å inkludere forskjellige filer på hovedsiden. Direktivet om ng-inkluderer inkluderer HTML fra en ekstern fil.
Det medfølgende innholdet vil bli inkludert som underordnede noder for det angitte elementet. Verdien til attributtet ng-include kan også være et uttrykk som returnerer et filnavn.
Som standard må den inkluderte filen være på samme domene som dokumentet.
ng-click kan brukes i scenarier som når du klikker på en knapp eller når du vil utføre noen operasjoner. Den forteller AngularJS hva du skal gjøre når du klikker på et HTML-element.
Eksempel:
OKOvennevnte kode vil øke tellevariabelen med en hver gang du klikker på knappen.
Spørsmål nr. 31) Hva er en representasjonsstatusoverføring (REST) i AngularJs?
Svar: REST er en API-stil som fungerer via HTTP-forespørselen.
Den forespurte URL-en identifiserer dataene som skal opereres, og HTTP-metoden identifiserer operasjonen som skal utføres. REST er en API-stil i stedet for en formell spesifikasjon, og det er mye debatt og uenighet om hva som er og ikke er RESTful, som er et begrep som brukes for å indikere et API som følger REST-stilen.
AngularJS er fleksibel når det gjelder hvordan RESTful web-tjenester forbrukes.
Spørsmål nr. 32) Hva er AngularJs Global API?
Svar: Det er en kombinasjon av global JavaScript-funksjon som brukes til å utføre oppgaver som å sammenligne objekter, iterere objekter og konvertere data.
Det er noen vanlige API-funksjoner som:
- kantete. små bokstaver: Den konverterer en streng til liten streng.
- kantete. stor bokstav: Den konverterer en streng til store strenger.
- kantete. isString: Det vil være sant hvis gjeldende referanse er en streng.
- kantete. isNummer: Det vil være sant hvis gjeldende referanse er et tall.
Sp # 33) Hva er en leverandørmetode i AngularJs?
Svar: En leverandør er et objekt som lager et tjenesteobjekt ved å tillate å ta mer kontroll.
$ get () -metoden brukes i leverandøren som returnerer tjenesteobjektet. Tjenestenavnet og fabrikkfunksjonen er argumentene som sendes til leverandørmetoden. AngularJS bruker $ supply for å registrere nye leverandører.
Syntaks:
serviceApp.provider('logService', function ())Spørsmål nr. 34) Hva er hendelsesbehandling?
Svar: Hendelsesbehandling i AngularJs er veldig nyttig når du vil lage forhåndsangularJs-applikasjoner.
Vi må håndtere DOM-hendelser som museklikk, trekk, tastaturtrykk, endre hendelser og så videre. AngularJs har noen lytterdirektiver som ng-click, ng-dbl-click, ng-mousedown, ng-keydown, ng-keyup etc.
Spørsmål nr. 35) Hva er AngularJs DOM?
Svar: AngularJs har noen direktiver som brukes til å kapsle AngularJs applikasjonsdata til et deaktivert attributt for HTML-elementene.
Eksempel: ng-deaktivert direktiv innkapsler applikasjonsdataene til de deaktiverte attributtene til HTML DOM-elementet.
Click Me!
Button
{{ mySwitch }}
Q # 36) Hva er attributtene som kan brukes under opprettelsen av nye AngularJs-direktiver?
Svar: Det er flere attributter som kan brukes under opprettelsen av et nytt direktiv.
De inkluderer:
- Mal: Den beskriver en innebygd mal som en streng.
- Mal-URL: Dette attributtet spesifiserer AngularJs HTML-kompilatoren for å erstatte det egendefinerte direktivet i en mal med HTML-innholdet i en separat fil.
- Erstatte: Det erstatter det nåværende elementet hvis vilkåret er sant hvis det er falsk, legger dette direktivet til det nåværende elementet.
- Transkluder: Det lar deg flytte de opprinnelige barna til et direktiv til et sted inne i den nye malen.
- Omfang: Det skaper et nytt omfang for dette direktivet i stedet for å arve foreldreområdet.
- Kontroller: Det oppretter en kontroller som publiserer et API for kommunikasjon på tvers av direktivene.
- Krev: Det krever et annet direktiv for å være til stede for å fungere gjeldende direktiv effektivt.
- Lenke: Det modifiserer resulterer i DOM-elementforekomster, legger til hendelseslyttere og setter opp databinding.
- Kompilere: Det endrer DOM-malen for funksjoner på tvers av kopier av et direktiv, som når det brukes i andre direktiver. Kompileringsfunksjonen din kan også returnere lenkefunksjoner for å endre de resulterende elementforekomstene.
Q # 37) Er nestede kontrollere mulig eller ikke i AngularJs?
Svar: Ja, det er mulig da nestede kontrollere er veldefinerte på en klassifisert måte mens du bruker en visning.
Q 38) Er AngularJS godt egnet for alle nettlesere?
Svar: Ja, det er ledsaget av alle nettlesere som Safari, Chrome, Mozilla, Opera, IE, etc. samt mobile nettlesere.
Q 39) Definer tjenester i AngularJS.
Svar: AngularJS-tjenester er enkeltobjektene eller funksjonene som brukes til å utføre bestemte oppgaver. Det omfavner noen bedriftsideer, og disse formålene kan kalles kontrollere, direktiv, filtre og så videre.
Q 40) Forklar fordelene med AngularJS.
Svar: Fordelene inkluderer:
- Den støtter MVC-skjema.
- Organiser to måter for databinding ved hjelp av AngularJS.
- Den støtter gjensidig klient-server-kommunikasjon.
- Den støtter simuleringer.
Q # 41) Forskjell mellom tjenester og fabrikk.
Svar: Fabrikker er funksjoner som returnerer objektet, mens tjenester er konstruktorfunksjoner av objektet som brukes av et nytt nøkkelord.
Syntaks:
Fabrikk - module.factory (`fabrikknavn`, funksjon);
Service - module.service (`serviceName`, funksjon);
Spørsmål nr. 42) Hvis både fabrikk og service er likeverdige, når skal jeg da bruke dem?
Svar: Fabrikkleverandør foretrekkes ved bruk av et objekt, mens en tjenesteleverandør foretrekkes med klasse.
Q # 43) Forskjell mellom AngularJS og React.JS.
Svar: AngularJS er et TypeScript-språkbasert JS-rammeverk utgitt i oktober 2010 av Google. Det er et helt gratis rammeverk og åpen kildekode som brukes i SPA-prosjekter (dvs. Single Page Application-prosjekter).
React.JS er et javascript-bibliotek utviklet av Facebook i mars 2013 for å bygge UI. React-komponenter kan brukes på flere sider, men ikke som et SPA (dvs. enkeltsideapplikasjon).
Q # 44) Forskjell mellom ng-bind og ng-modell direktiv.
Svar: ng-bind-direktivet har enveis databindinger, datastrømmer bare fra objekt til brukergrensesnitt, ikke omvendt (dvs. $ scope >> visning) og ng-modelldirektivet har toveis databindinger, datastrømmer mellom brukergrensesnitt til objekt og vice versa (dvs. $ scope >> se og se >> $ scope).
Q # 45) Hva er forskjellen mellom AJAX og AngularJS?
Svar: AJAX står for Asynchronous JavaScript som brukes til å sende og få svar fra serveren uten å laste inn siden.
Mens AngularJS er et typografisk språkbasert JavaScript-rammeverk som følger MVC-mønsteret.
vr headset for pc og ps4
Q # 46) Definer ng-if, ng-show og ng-hide.
Svar: ng-if-direktivet brukes som om klausul som fjerner HTML-elementet hvis uttrykket blir falskt.
Syntaks
ng-show-direktivet brukes til å vise HTML-elementet hvis uttrykket blir sant. Og hvis uttrykket blir falsk, blir HTML-elementet skjult.
Syntaks
ng-hide-direktivet brukes til å skjule HTML-elementet hvis uttrykket blir falskt.
Syntaks
Både ng-show og ng-hide bruker metoden display property.
Q # 47) Hva er forskjellen mellom ngRoute og ui-router?
Svar: ngRoute er en modul utviklet av angularJS team som var en del av kjernen angularJS rammeverket. Mens ui-router ble utviklet av et tredjepartssamfunn for å overvinne problemene med ngRoute.
ngRoute er en steds- eller URL-basert ruting, og ui-router er en statsbasert ruting som tillater nestede visninger.
Q # 48) Hvordan angi, få og fjerne informasjonskapsler i AngularJs?
Svar: AngularJS har en modul kalt ngCookies, så før du injiserer ngCookies angular-cookies.js, bør den inkluderes i applikasjonen.
- Sett informasjonskapsler - Put-metoden brukes til å sette informasjonskapsler i et nøkkelverdiformat.
$cookies.put(“username”, $scope.username);- Få informasjonskapsler - Get-metoden brukes til å få informasjonskapsler.
$cookies.get(‘username’);- Fjern informasjonskapsler - Fjern metoden brukes til å fjerne informasjonskapsler.
$cookies.remove(‘username’);Konklusjon
Jeg er sikker på at denne artikkelen ville ha hjulpet deg med å forstå det grunnleggende og det avanserte nivået av AngularJS.
Dette settet med intervjuspørsmål og svar på AngularJS som er oppført her, vil gjøre deg i stand til å knekke ethvert AngularJS-intervju med hell på et friskere så vel som erfaringsnivå. Dette er de hyppige spørsmålene som blir stilt i intervjuene. Det er alt for nå.
Denne artikkelen vil hjelpe deg med å knekke og møte ethvert intervju relatert til AngularJS !! Håper du likte hele spekteret av opplæringsprogrammer i denne AngularJS-serien !!
Anbefalt lesing
- Intervju spørsmål og svar
- ETL Testing Intervju Spørsmål og svar
- Noen vanskelige manuelle testspørsmål og svar
- 25 beste spørsmål om svar og svar på smidig testing
- Spock Intervjuespørsmål med svar (mest populære)
- Noen interessante intervjusspørsmål om programvaretesting
- Topp 20+ .NET intervju spørsmål og svar
- Topp 51 Bootstrap intervju spørsmål og svar