Vi har forberedt de hyppigst stillede spørgsmål om Angular-interview og svar, der gør dig bekendt med den type AngularJS-interviewspørgsmål, som interviewere kan stille under interviewet. I denne liste over AngularJS grundlæggende interviewspørgsmål har vi dækket alle almindeligt stillede grundlæggende og avancerede AngularJJ-spørgsmål og svar for at hjælpe dig med at rydde jobinterviewet let.
Vi har dækket de 75 vigtigste grundlæggende AngularJS-interviewspørgsmål til freshers og AngularJS-interviewspørgsmål for erfarne kandidater for at hjælpe dem med at forberede sig på jobinterviewet. Denne detaljerede guide til spørgsmål og svar på AngularJS-interview hjælper dig med at knække dit jobinterview.
AngularJS Interviewspørgsmål og svar til nybegyndere og erfarne
Følgende er ofte stillede grundlæggende Angular interview spørgsmål og svar til freshers samt Angular interview spørgsmål og svar til erfarne kandidater for at få det rigtige job.
1) Hvad er AngularJS?
AngularJS er en JavaScript-ramme, der bruges til oprettelse af applikationer til en enkelt webside. Det giver dig mulighed for at bruge HTML som dit skabelonsprog og giver dig mulighed for at udvide HTML-syntaksen til at udtrykke din applikations komponenter tydeligt.
2) Hvad er nøglefunktionerne i AngularJS?
Nøglefunktionerne i AngularJS er:
- Anvendelsesområde
- Controller
- Model
- Udsigt
- Tjenester
- Databinding
- Direktiver
- Filtre
- Testbar
3) Forklar funktionsomfang i AngularJS
Omfang henviser til applikationsmodellen. Det fungerer som et lim mellem applikationscontrolleren og udsigten. Omfang er arrangeret i en hierarkisk struktur og efterligner DOM-strukturen (Document Object Model) i applikationen. Det kan se udtryk og udbrede begivenheder.
4) Forklar tjenester i AngularJS
AngularJS-tjenester er de enkeltstående objekter eller funktioner, der bruges til at udføre specifikke opgaver. Det har en vis forretningslogik.
5) Hvad er vinkeludtryk? Forklar nøgleforskellen mellem vinkeludtryk og JavaScript-udtryk
Ligesom JavaScript er vinkeludtryk kodeuddrag, der normalt placeres i binding såsom {{expression}}
Hovedforskellen mellem JavaScript-udtryk og vinkeludtryk er:
- Kontekst: I vinkel vurderes udtrykkene i forhold til et scope-objekt, mens JavaScript-udtryk evalueres i forhold til det globale vindue
- Tilgivelse: I vinkeludtryk er evaluering tilgivende til null og udefineret, mens i JavaScript udefinerer udefinerede egenskaber TypeError eller ReferenceError
- Ingen kontrolflowangivelser: Sløjfer, betingelser eller undtagelser kan ikke bruges i et vinkeludtryk
- Filtre: Du kan bruge filtre til at formatere data, før de vises.
6) Hvordan kan du initialisere et markeringsfelt med muligheder for sideindlæsning?
Du kan initialisere et markeringsfelt med indstillinger for sideindlæsning ved hjælp af ng-init-direktivet.
- On = "!! Accounts" ng-init = "loadData ()">
7) Hvad er direktiver? Navngiv nogle af de mest anvendte direktiver i AngularJS-applikationen
Et direktiv er noget, der introducerer ny syntaks. De er som markører på DOM-elementet, som knytter en særlig opførsel til det. I enhver AngularJS-applikation er direktiver de vigtigste komponenter.
Nogle af de almindeligt anvendte direktiver er:
1) ng-model
2) ng-App
3) ng-bind
4) ng-gentag
5) ng-show
8) Hvordan fungerer kantede JS-ruter?
AngularJS-ruter giver dig mulighed for at oprette forskellige URL'er til forskelligt indhold i din applikation. Forskellige webadresser til forskelligt indhold gør det muligt for brugeren at bogmærke webadresser til specifikt indhold. Hver sådan URL, der kan bogmærkes i AngularJS, kaldes en rute
En værdi i Angular JS er et simpelt objekt. Det kan være et nummer, en streng eller et JavaScript-objekt. Værdier bruges typisk som konfiguration indsprøjtet i fabrikker, tjenester eller controllere. En værdi skal tilhøre et AngularJS-modul.
Injektion af en værdi i en AngularJS-controllerfunktion sker ved at tilføje en parameter med samme navn som værdien
9) Hvad er databinding i AngularJS?
Automatisk synkronisering af data mellem model- og visningskomponenterne kaldes databinding i AngularJS. Der er to måder til databinding
- Data mining i klassiske skabelonsystemer
- Databinding i kantede skabeloner
10) Hvad er fordelene ved AngularJS?
Fordelene ved AngularJS er:
- Registrering af tilbagekald: Der er ikke behov for at registrere tilbagekald. Dette gør din kode enkel og let at debugge.
- Styr HTML DOM programmatisk: Programmer, der oprettes ved hjælp af Angular, er ikke påkrævet for at manipulere DOM.
- Overfør data til og fra brugergrænsefladen: AngularJS hjælper med at fjerne næsten hele kedelpladen. Det kan validere formularen, vise fejl, vende tilbage til en intern model osv.
- Ingen initialiseringskode: Med AngularJS kan du nemt starte din app. Du kan bruge automatisk injicerede tjenester i din applikation i Guice.
11) Hvad er strenginterpolation i Angular.JS?
I Angular.js matcher kompilatoren under kompileringsprocessen tekst og attributter. Det bruger interpoleringstjeneste for at se, om de indeholder indlejrede udtryk. Som en del af den normale fordøjelsescyklus opdateres disse udtryk og registreres som ure.
12) Hvad er trinene til kompilering af HTML?
Kompilering af HTML-processen sker på følgende måder
- Ved hjælp af standardbrowser-API'en analyseres HTML først i DOM
- Ved at bruge opkaldet til $ compile () -metoden udføres en kompilering af DOM. Metoden krydser DOM og matcher direktiverne.
- Forbind skabelonen med et omfang ved at kalde den sammenkædningsfunktion, der er returneret fra det foregående trin
13) Forklar direktiver og deres typer
Under kompileringsprocessen, når en bestemt HTML-funktion udløses, kaldes den direktiv. Det udføres, når compileren støder på det i DOM.
Forskellige typer direktiver er:
1) Elementdirektiver
2) Attributdirektiver
3) CSS klassedirektiver
4) Kommentardirektiver.
14) Forklar forbindelsesfunktionen og dens typer
Link kombinerer direktiverne med et omfang og producerer en live visning. For at registrere DOM-lyttere samt til opdatering af DOM, er linkfunktion ansvarlig. Når skabelonen er klonet, udføres den.
- Forbindelsesfunktion: Forbindelsesfunktion udføres, før de underordnede elementer linkes. Det betragtes ikke som en sikker måde til DOM-transformation.
- Post linking-funktion: Post linking-funktion udføres, når de underordnede elementer er linket. Det er sikkert at udføre DOM-transformation ved hjælp af postlink-funktion
15) Forklar injektoren i AngularJS
En injektor er en servicelokator. Det bruges til at hente objektforekomster som defineret af udbyderen, instantiere typer, påkalde metoder og indlæse moduler. Der er en enkelt injektor pr. Vinkelapplikation, det hjælper med at slå en objektinstans op efter dens navn.
16) Hvad er den største forskel mellem et link og en kompilering i Angular.js?
- Kompileringsfunktion: Den bruges til skabelon-DOM-manipulation og samler alle direktiverne.
- Linkfunktion: Den bruges til registrering af DOM-lyttere såvel som for eksempel DOM-manipulation. Den udføres, når skabelonen er klonet.
17) Hvad er fabriksfunktionen i AngularJS?
Til oprettelse af direktivet anvendes fabriksmetoden. Det påberåbes kun en gang, når compileren matcher direktivet for første gang. Ved at bruge $ injector.invoke påberåbes fabriksmetoden.
18) Forklar den stylingform, som ngModel tilføjer til CSS-klasser
NgModel tilføjer disse CSS-klasser for at tillade styling af form. Valideringsklasser for AngularJS er:
- ng- gyldig
- ng- ugyldig
- ng-uberørt
- ng-beskidt
19) Hvad er kendetegnene ved "Scope"?
- Til observatørmodelmutationer giver rækkevidde API'er ($ watch)
- At udbrede enhver modelændring gennem systemet til udsigten uden for det kantede område
- Et omfang arver egenskaber fra dets overordnede omfang, mens omfanget af adgang til delte modelegenskaber kan indlejres for at isolere applikationskomponenter
- Scope giver sammenhæng, som udtryk evalueres mod
20) Hvad er DI (Dependency Injection), og hvordan et objekt eller en funktion kan få fat i dets afhængigheder?
DI eller Dependency Injection er et softwaredesignmønster, der beskæftiger sig med, hvordan kode får fat i dens afhængigheder. For at hente elementer i applikationen, som skal konfigureres, når modulet indlæses, bruger operationen "config" afhængighedsinjektion.
Dette er de måder, som objektet bruger til at holde på dets afhængigheder
- Typisk ved hjælp af den nye operatør kan afhængighed oprettes
- Ved at henvise til en global variabel kan afhængighed slås op
- Afhængighed kan overføres til det sted, hvor det er nødvendigt
21) Forklar begrebet omfangshierarki
Hver vinkelapplikation består af et rodområde, men kan have flere underordnede anvendelsesområder. Da underordnede controllere og nogle direktiver opretter nye underordnede anvendelsesområder, kan en applikation have flere anvendelsesområder. Når nye anvendelsesområder dannes eller oprettes, tilføjes de som børn af deres overordnede omfang. De skaber også en hierarkisk struktur svarende til DOM.
22) Forklar hovedforskellen mellem AngularJS og backbone.js
AngularJS Backbone.js AngularJS er en JavaScript-baseret open source-ramme, der er designet til at understøtte dynamiske webapplikationer. backbone.js er en ramme, der abstrakterer DOM til visninger og data til modeller og derefter binder begge ved hjælp af begivenheder. Dens ydeevne er god, da det giver tovejs databindingsproces Backbone.js-teknologi tilbyder hurtigere ydeevne end AngularJS, hvis datasættene er små Det fungerer på MVS (Multiple Virtual Storage). Det fungerer på MVP-arkitektur. AngularJS bruger dynamisk HTML-attribut for at gøre det let at forstå applikationen. Backbone.js bruger understregningsskabeloner til at forstå applikationen. Det har stor samfundsstøtte. Fællesskabsstøtte er begrænset til understregningsskabelonen. 23) Hvem skabte Angular JS?
AngularJS blev udviklet af Adam Abrons og Misko Hevery. I øjeblikket er det udviklet af Google.
24) Hvordan kan du integrere AngularJS med HTML?
Udviklere kan følge følgende trin for at integrere AngularJS med HTML:
Trin 1: inklusive AngularJS JavaScript på html-siden.
Trin 2: Peg på AngularJS-applikationen.
Du er nødt til at tilføje ng-app-attribut inde i HTML-body-tag for at fortælle hvilken del af HTML AngularJS-appen som vist i følgende eksempel:
25) Hvad er ordrefilter i AngularJS?
Orderby-filter i AngularJS ordrer arrayet baseret på specificerede kriterier. Følgende eksempel angiver, hvordan du kan bestille produkt efter pris.
- {{ company.product + ', price:' + product.price }}
26) Hvad er ng-ikke-bindbart i AngularJS?
Ng-non-bindable specificerer AngularJs til ikke at kompilere HTML-elementet og dets underordnede noder. For eksempel:
27) Forklar brugen af dobbeltklikhændelse i AngularJS
Dobbeltklik begivenhed i AgularJS giver dig mulighed for at specificere brugerdefineret adfærd ved dobbeltklik på begivenhed med mus på en webside som:
… 28) Forklar ng-klik-direktiver i AngularJS med eksempel
Ng-click-direktiver kan bruges i et scenarie, når du skal klikke på knappen eller ønsker at udføre en handling.
Eksempel:
29) Hvorfor bruge ng-include i AngularJS?
Ng-include i AngularJS hjælper dig med at integrere HTML-sider inden for en enkelt HTML-side. Eksempel:
30) Hvordan kan du foretage et ajax-opkald ved hjælp af Angular JS?
AngularJS tilbyder $ https: kontrol, der hjælper dig med at foretage ajax-opkald for at læse serverdata. Serveren foretager et databaseopkald for at få de krævede poster. Når dine data i JSON-format er klar, kan du bruge $ https: til at hente data fra serveren på følgende måde:
function employeeController($scope,$https:) {var url = "tasks.txt";$https.get(url).success( function(response) {$scope.employee = response;});}
31) Forklar brugen af $ routeProvider
I Angular JS $ indstiller routeProvider URL-konfigurationen. Det kortlægges med den relaterede ng-skabelon eller HTML-side og vedhæfter en controller med det samme.
32) Hvordan kan du indstille, hente og rydde cookies i AngularJS?
Du kan bruge:
- $ cookies.put () metode til at indstille cookies.
- $ cookies.get () metode til at hente cookies.
- $ cookies. fjern for at fjerne cookies i AngularJS.
33) Hvad er servicemetode?
Servicemetode i AngularJS hjælper dig med at definere service og metode til den. I det følgende eksempel har vi injiceret en simpel tilføjelsestjeneste, som tilføjer to tal.
Event Registration Guru99 Global Event
Result: {{result}}
34) Navngiv de AngularJS-komponenter, der kan injiceres som afhængighed
AngularJS-komponenter, der kan injiceres som en afhængighed, er: 1) værdi, 2) fabrik, 3) service, 4) udbyder, 5) konstant.
35) Hvad er de almindelige Angular Global API-funktioner
Nogle almindeligt anvendte Angular Global API-funktioner er:
- Angular.isString: Det returneres kun sandt, hvis den givne reference er af typen streng.
- Angular.lowercase: Det konverterer enhver streng til små bogstaver
- Angular.uppercase: Den konverterer enhver streng til store bogstaver.
- Angular.isNumber: Det returnerer kun sandt, hvis referencen er en numerisk værdi eller et tal.
36) Skriv et program for at skjule et HTML-tag med et enkelt klik i en kant
Event Registration Guru99 Global Event
Angular37) Hvad er BOM (Browser Object Model)?
Stykliste- eller browserobjektmodel består af historie, objektnavigator, skærmplacering osv. Den specificerer de globale browserobjekter som konsol, lokal opbevaring og vindue.
38) Forklar "$ rootScope" i AngularJS
"$ rootScope" er et omfang, der oprettes på elementet DOM (Document Object Model).
En applikation kan kun have en $ rootScope, der deler, blandt andre komponenter. Det har ng-app-direktivet. Andre anvendelsesområder kaldes som dets børns omfang. Det kan se udtryk såvel som udbrede begivenheder.
39) Giv et eksempel på ng-view i Angular
Overvej følgende eksempel:
Event Registration Global Event
40) Hvad er syntaksen for fabriksmetoden i AngularJS?
Fabrikssyntaxen er som følger:
app.factory ('serviceName', funktion () {return serviceObj;})
41) Navngiv forskellige faser i AngularJS Scope livscyklus.
Her er forskellige faser af AngularJS Scope livscyklus:
- Skabelse
- Modelmutation
- Watcher registrering
- Mutationsobservation
- Omfangsdestruktion
42) Skriv et program til bootstrap-processen i Angular
program til bootstrap-processen i Angular er:
Hi{{msg}}!43) Hvad er en enkelt sideapplikation i AngularJS?
SPA eller applikation med en enkelt side er et websted eller en webapplikation, der interagerer dynamisk med brugerne. I AngularJS passer JavaScript, HTML og CSS på en enkelt side. Det udfører navigation uden at opdatere hele HTML-siden.
44) Forklar begrebet webpack
Webpack er en modulbundler til Angular2 eller derover. Det bundles, transpilerer og formindsker AngularJS-applikationen.
45) Hvad mener du med NPM?
NPM står for Node Package Manager. Den består af en kommandolinjeværktøjsklient til interaktion med lageret for Node.js-projektet.
46) Hvordan kan du oprette et nyt projekt i angularJS ved hjælp af Command Line Interface?
Når du har installeret kommandolinjegrænsefladen Angular, skal du køre ng ny projektnavn-kommando for at oprette et nyt projekt i Angular.
47) Forklar den automatiske bootstrap-proces i AngularJS
Angular initialiserer automatisk DOMContentLoaded begivenhed, eller når du downloader angular.js script er til browseren.
Efter dette finder AngularJS ng-app-direktivet, der er roden til kompilering af vinkelapp. Når ng-app-direktivet findes, udfører AngularJS følgende trin:
1) indlæs modulet, der er knyttet til direktivet,
2) Opret applikationsinjektor,
3) Kompilér DOM fra ng-app-rodelementet. Denne proces kaldes automatisk bootstrapping.
48) Hvad kaldes straks funktionsudtryk?
IIFE'er eller øjeblikkeligt påkaldte funktionsudtryk er en funktion, der udføres, så snart den oprettes. Det giver en enkel måde at isolere variabeldeklarationen på. IIFE indeholder to hovedfunktioner:
1) operatør ()
2) udtryk ()
49) Hvad er fordøjelsescyklussen i AngularJS?
Fordøjelsescyklus er en vigtig del af databindingen i AngularJS, som sammenligner den gamle og nye version af omfangsmodellen. Fordøjelsescyklus udløst automatisk eller manuelt ved hjælp af $ Apply () -funktionen.
50) Hvad er det grundlæggende krav for at arbejde med AngularJS?
Du skal downloade den nyeste version af AngularJS fra AngularJS.com for at lære eller arbejde med AngularJS. Du kan enten have brug for JS-filen og være vært for den lokalt, eller du kan også bruge google CDN (Content Delivery Network) til at henvise til den.
51) Kan vi oprette indlejrede controllere i AngularJS?
Ja, vi kan oprette en indlejret controller i AngularJS.
Eksempel på indlejret controller er som følger:
{{msg}} {{name}}!
Hi {{name}}!
{{msg}} {{name}}! Your name is {{name}}.
52) Hvad er godkendelse?
Godkendelsen er en tjeneste, der bruges til at logge ind og logge ud af Angular-applikationen. Brugeroplysningerne overføres til API på serveren. Derefter sendes validering af serversiden til disse legitimationsoplysninger, JSON Web Token returneres, som som detaljer om den aktuelle bruger.
53) Definer AngularJS-materiale
AngularJS Material er en implementering af Material Design Specification af Google. Det tilbyder et sæt af velafprøvede, genanvendelige UI-komponenter til AngularJS-programmør.
54) Hvad er de vigtige forskelle mellem Angular 7 og Angular 8
Vinkel 7 Vinkel 8 Vinkel 7 er svær at bruge Angular 8 er meget nem at bruge Det giver understøttelser til den lavere version af Typescript 3.4-programmeringssprog Det understøtter ikke den nederste version af Typescript 3.4-programmeringssprog Understøtter alle versioner af Node.js Understøtter kun Node.js 12 version. 55) Hvad er ngzone?
Ngzone er en JavaScrip-indpakningsklasse, der betegnes med Zone.js. Det gør det muligt for udviklere at eksplicit køre bestemte kode uden for Angular's zone, hvilket forhindrer vinkel til at køre enhver ændringsdetektion.
56) Angiv forskellen mellem vinkelskomponent og direktiv
Komponent Direktiv Vinkelkomponent er et direktiv, der giver dig mulighed for at udnytte webkomponentfunktionaliteten i hele applikationen. Vinkeldirektiv er en teknik, hvor vi binder adfærd til elementerne. Det hjælper dig med at opdele din applikation i mindre komponenter. Det hjælper dig med at designe de genanvendelige komponenter. Det kan definere rør Det kan ikke definere rør. 57) Definer ECMAScript
ECMAScript (European Computer Manufacturer's Association) er en standard til scripting-sprog. JavaScript bruger ECMAScript som et kernesprog. Udviklere kan tage hjælp af det til at skrive klientside-scripting på internet- og / eller serverapplikationer og -tjenester. ECMAScript har adskillige funktioner som funktionelle, prototype, dynamiske og strukturerede funktioner.
58) Hvad er en Traceur Compiler?
Traceur er en JavaScript-kompilator, der bruger klasser, generatorer og andre funktioner fra ECMAScript.
59) Hvordan konverteres en streng til valuta?
Du kan konvertere strenginput til valutafilterets valutafilter i Angular.
60) Hvad er skabeloner i AngularJS?
En skabelon er HTML-fil, der bruges med AngularJs direktiver og attributter.
61) Forklar forskellene mellem Angular og jQuery
AngularJS JQuery AngularJs er svært at forstå Jquery er meget let at forstå. Det understøtter tovejs bindingsproces Det understøtter ikke databindingsproces Det giver support til routing til dybkobling Det understøtter ikke routing til dybkobling 62) Hvad ligger foran tidssammensætningen?
Angular AOT (Ahead of Time) er en kompilator, der konverterer din kantede HTML og typeskriptkode til JavaScript-koden.
63) Liste over filtre i AngularJS
Typer af filtre, der anvendes i AngularJS, er: 1) Valuta, 2) Store bogstaver, 3) Små bogstaver, 4) orderBy, 5) JSON og 6) limitTo.
64) Forklar ngOnInit () -funktionen
ngOnInit () -funktionen er en livscykluskrog, der kaldes efter afslutning af databundne egenskaber i direktivet.
65) Hvad er transclusion i AngularJS?
Transkluderingen i AngulaJS gør det muligt for udviklere at omfordele de oprindelige direktivbørn til et bestemt sted i en skabelon. Direktivet ng viser indsættelsespunktet for en transkluderet DOM i det nærmeste overordnede direktiv, der bruger transclusion. Ng-transclude-slot eller ng-transclude-direktiver bruges hovedsageligt til transclusion.
66) Tændte kroge fås i AngularJS
Forskellige kroge i AngularJS er:
1) ngOnInit ()
2) ngOnChanges (),
3) ngDoCheck (),
4) ngAfterContentInit (),
5) ngAfterContentChecked (),
6) ngOnDestroy (),
7) ngAfterViewChecked () og
8) ngAfterViewInit ()
67) Hvad er de vigtige dele af AngularJS-metadata?
AngularJS-metadata bruges til at dekorere en klasse, der viser den forventede adfærd for en bestemt klasse. Forskellige dele af metadata er: 1) klassedekoratør, 2) Metodedekoratører, Parameterdekoratører og 4) Ejendomsdekoratører.
68) Hvad er kantet CLI?
Vinkel CLI kaldes også som kommandolinjegrænseværktøj. Det bruges til at opbygge, initialisere og vedligeholde Angular apps. CLI-software kan bruges gennem meget interaktiv brugergrænseflade som en kommandoskal eller vinkelskonsol.
69) Forklar parametreret rør i AngularJS
I angularJS kan rør have mere end en parameter for at indstille den fine output. Du kan oprette et parametreret rør ved at erklære røret med kolon (:) og parameterværdier. Udvikler kan adskille flere parameterværdier med kolon (:).
70) Hvad er rutning?
Routing er en metode til at flette forskellige visninger. Controlleren tager beslutningen om at kombinere disse synspunkter afhængigt af logiske behov.
71) Hvad mener du med isolerede enhedstests?
Isoleret test er en proces til kontrol af forekomst af klasse uden brug af injicerede værdier eller vinkelafhængighed. Det hjælper dig med at implementere programmet meget let.
72) Navngiv DSL-animationsfunktioner i AngularJS
DSL-animationsfunktioner i AngularJS er: 1) gruppe (), 2) tilstand (), 3) overgang (), 4) stil (), 5) nøglerammer (), 6) udløser (), 7) sekvens () og 8) animer ().
73) Hvad er AngularJS-modul?
I angularJS er et modul en proces til gruppering af direktiver og relaterede servicekomponenter. Det arrangerer dem på en måde, så de kan blande sig med andre moduler for at oprette en applikation.
74) Hvad er rør i AngularJs?
I vinkel giver rør en enkel metode til at transformere dataene. Det tager værdierne som arrays, heltal, data og strenge som input og divideret med pipe (|) symbol. Det konverterer dataene i det krævede format. Pipes viser det samme i browseren. I angularJS giver det nogle indbyggede rør, men udviklere kan også udvikle deres egne rør.
75) Forklar ViewEncapsulation in AngularJS
ViewEncapsulation bestemmer, om de typografier, der er defineret i AngularJS-komponenten, påvirker hele appen eller ej.
Forbered dig på dit jobinterview !!! Gå gennem AngularJS Tutorial for at være bedre forberedt.
GRATIS Download AngularJS Interviewspørgsmål og svar PDF-fil
Denne detaljerede AngularJS interviewspørgsmål pdf hjælper dig med at fjerne tvivlen om AngularJS interviewspørgsmål og vil også hjælpe dig med at knække interviewet.