48 top angularjs interview questions
Lijst met de meest gestelde AngularJS-interviewvragen met gedetailleerde antwoorden voor beginnende en ervaren professionals:
AngularJS is een van de meest actuele frameworks voor webontwikkeling over de hele wereld.
In bijna elk interview zul je moeten worstelen met felle concurrentie om high te worden en je droombaan te krijgen. Daarom moet u zich ruim van tevoren voorbereiden.
Om u bij deze reis te ondersteunen, hebben we een lijst opgesteld met de meest gestelde AngularJS-interviewvragen, samen met de antwoorden die uw interviewer verwacht op het moment van het interview.
Lees onze reeks AngularJS-tutorials voor meer kennis van het concept. Gradenbooggereedschap voor het testen van AngularJS Apps werd uitgelegd in onze vorige tutorial.
hoe word ik een producttester
Meest gestelde vragen over AngularJS-sollicitatiegesprekken
Hieronder vindt u een lijst met de beste interviewvragen en antwoorden op AngularJS om iedereen te helpen een interview met succes af te ronden.
Laten we onderzoeken!!
V # 1) Wat verstaat u onder AngularJS?
Antwoord: AngularJS is een JavaScript-framework dat wordt gebruikt voor het maken van uitgebreide en uitbreidbare webapplicaties.
Het draait op gewoon JavaScript en HTML, dus je hebt geen andere afhankelijkheden nodig om het te laten werken. AngularJS is perfect voor Single Page Applications (SPA). Het wordt in principe gebruikt voor het binden van JavaScript-objecten met HTML UI-elementen.
Q # 2) Definieer de kenmerken van AngularJS.
Antwoord: De kenmerken zijn onder meer:
- De sjabloon (weergave)
- De scope (model)
- De controller (controller)
- Diensten
- Filters
- Richtlijnen
V # 3) Definieer gegevensbinding.
Antwoord: Gegevensbinding is een automatische afstemming van gegevens tussen de weergave- en modelcomponenten.
Vraag 4) Maak onderscheid tussen AngularJS- en JavaScript-expressies.
Antwoord: Er zijn verschillende verschillen tussen AngularJS- en JavaScript-expressies:
- We kunnen AngularJS-expressies in HTML schrijven, maar we kunnen geen JavaScript-expressies in HTML schrijven.
- We kunnen geen voorwaardelijke iteraties, lussen en uitzonderingen gebruiken in AngularJS, maar we kunnen al deze voorwaardelijke eigenschappen gebruiken in JavaScript-expressies.
- Filters worden ondersteund in AngularJS, terwijl filters niet worden ondersteund in JavaScript.
V # 5) Schrijf alle stappen om een n Hoekige app (in-app).
Antwoord: Om een Angular-app op te zetten, moeten we bepaalde stappen volgen, zoals hieronder vermeld:
- angular.module zal eerst worden aangemaakt.
- Aan de module wordt een controller toegewezen.
- De module wordt gekoppeld aan de HTML-sjabloon (d.w.z. UI of View) met een hoekige app (ng-app).
- De HTML-sjabloon wordt gekoppeld aan de controller (d.w.z. JS) met een ng-controller-instructie.
V # 6) Wat zijn de hoekmodules?
Antwoord: De hoekmodules definiëren gezamenlijk een hoektoepassing waarin we de hoekcode kunnen schrijven. Modules bevatten de verschillende onderdelen van een hoekapplicatie. Een module wordt gemaakt door de angular.module-functie in angular.
V # 7) Wat zijn de richtlijnscopes in AngularJS?
Antwoord: Er zijn drie richtlijnscopes beschikbaar in AngularJS.
Zij zijn:
- Bovenliggende scope: Welke wijziging u ook aanbrengt in uw richtlijn die afkomstig is van het bovenliggende bereik, wordt ook weerspiegeld in het bovenliggende bereik, en het is ook een standaardbereik.
- Kinderbereik: Het is een geneste scope die een eigenschap erft van de bovenliggende scope. Als enige eigenschappen en functie op het bereik niet zijn verbonden met de bovenliggende scope-richtlijn, wordt er een nieuwe child-scope-richtlijn gemaakt.
- Geïsoleerde scope: Het is herbruikbaar en wordt gebruikt wanneer we een op zichzelf staande richtlijn bouwen. Het wordt alleen gebruikt voor privé en intern gebruik, wat betekent dat het geen eigenschappen van het bovenliggende bereik bevat.
V # 8) Hoe kunnen we de gegevens delen tussen controllers in AngularJS?
Antwoord: Eerst moeten we een service maken. Service wordt gebruikt om de gegevens tussen controllers in AngularJS op een zeer heldere, gemakkelijke en snelste manier te delen. We gebruiken events, $ parent, next sibling en controller door een $ rootScope te gebruiken.
V # 9) Wat is de verteringscyclus in AngularJs?
Antwoord: Het maakt deel uit van het proces van gegevensbinding in AngularJS. Het vergelijkt de oude en nieuwe versies van de scope-modelwaarde in elke digest-cyclus.
De digest-cyclus wordt automatisch geactiveerd. We kunnen de bruikbaarheid ook verbeteren door $ apply () te gebruiken als we de digest-cyclus handmatig willen starten.
V # 10) Leg de verschillen uit tussen eenrichtingsbinding en tweewegbinding.
Antwoord: Eenrichtingsbinding wordt gebruikt om de gegevens uit het model voor weergave te binden zonder de HTML-sjabloon of weergave automatisch bij te werken.
Om de HTML-sjabloon bij te werken, moeten we dus een aangepaste code schrijven die de weergave elke keer bijwerkt wanneer gegevens van model tot weergave worden gebonden.
Terwijl tweerichtingsbinding wordt gebruikt om de gegevens van het model aan weergave te binden en vice versa (d.w.z. weergave naar model) door de HTML-sjabloon automatisch bij te werken zonder enige aangepaste code te schrijven.
V # 11) Verschil tussen sessionStorage, cookies en localStorage.
Antwoord: De verschillen zijn als volgt:
- SessionStorage - De gegevens worden opgeslagen voor een bepaalde sessie. De gegevens gaan verloren wanneer het browsertabblad wordt gesloten of na een bepaalde sessie. De maximale opgeslagen grootte kan tot 5 MB zijn.
- Lokale opslag - De gegevens worden opgeslagen zonder vervaldatum. De gegevens kunnen alleen worden gewist door JavaScript of door de browsercache te wissen. De opslaglimiet is maximaal dan de sessionStorage en cookie.
- Cookies - Het slaat de gegevens op die bij sommige verzoeken naar de server moeten worden teruggestuurd. De vervaldatum van de cookie varieert afhankelijk van het type en de ingestelde duur, zowel aan de serverzijde als aan de clientzijde. De maximale opgeslagen grootte kan kleiner zijn dan 4KB.
Q # 12) Wat is de rol van $ routeProvider in AngularJS?
Antwoord: Het is de $ routeProvider die helpt bij het navigeren tussen verschillende pagina's / links zonder de pagina / link afzonderlijk te laden wanneer een gebruiker op een link klikt.
De methode ngRoute config () wordt gebruikt om de routeProvider te configureren.
V # 13) Wat is het verschil tussen $ scope en scope?
Antwoord: In AngularJS wordt $ scope gebruikt om afhankelijkheidsinjectie te bereiken en wordt scope gebruikt voor het koppelen tussen View (d.w.z. HTML) en Controller (d.w.z. JS).
V # 14) Hoe worden de voorvoegsels $ en $$ van AngularJS gebruikt?
Antwoord: $$ variabele in AngularJS wordt gebruikt als een privévariabele, omdat deze wordt gebruikt om onbedoelde code-botsing met de gebruikerscode te voorkomen.
Terwijl $ prefix kan worden gebruikt om hoekige kernfunctionaliteiten aan te duiden (zoals een variabele, parameter, eigenschap of methode).
V # 15) Waar kunnen we de DOM-manipulatie in AngularJS implementeren?
Antwoord: Manipulatie van DOM is in richtlijnen en afgezien hiervan zou het niet mogen voorkomen in de diensten van de controller of ergens anders.
V # 16) Hoe kunnen we aantonen dat een scope-variabele alleen een eenmalige binding mag hebben?
Antwoord: Om eenmalige binding weer te geven, moeten we ' ”Voor de scope.
V # 17) Wat is SPA (Single Page Application) in AngularJS?
Antwoord: Het is een webtoepassing die een enkele HTML-pagina laadt en de pagina dynamisch bijwerkt terwijl de gebruiker verbinding maakt met de app.
Door AJAX en HTML te gebruiken, kan door SPA een vloeiende en responsieve webapp worden gemaakt zonder dat pagina's onveranderlijk opnieuw moeten worden geladen. Hierdoor kunnen we een responsieve gebruikersinterface maken zonder pagina-flikkeringen.
V # 18) Hoeveel soorten gegevensbindingen zijn er in AngularJS?
Antwoord: AngularJS ondersteunt zowel eenrichtings- als tweerichtingsbinding.
Op één manier bindend als we het datamodel wijzigen, dan zal er geen dynamische verandering zijn die u in zicht zult zien, maar op twee manier bindend, zal er een dynamische verandering zijn wanneer er een wijziging wordt aangebracht in het datamodel.
V # 19) Wat zijn de bindende richtlijnen in AngularJs?
Antwoord: De bindende richtlijnen omvatten:
- ng-bind
- ng-bind-html
- ng-bind-sjabloon
- van niet-bindend
- ng-model
Vraag 20) Leg ng-bind en ng-bind-html richtlijnen uit.
Antwoord:
ng-bind : Het is een richtlijn die de inhoud van het HTML-element vervangt door de waarde van de toegewezen variabele of uitdrukking.
De inhoud van het HTML-element zal veranderen door de waarde van de variabele of uitdrukking te veranderen.
Het is als ({{expression}}) en de syntaxis hiervoor is,
ng-bind-html : Het is een richtlijn die de inhoud op een veilige manier aan het HTML-element (view) bindt. $ sanitize-service wordt gebruikt om de inhoud op te schonen om deze in een HTML-element te binden. Om dit te doen, moet ‘angular-sanitize.js’ in onze applicatie zijn opgenomen.
Syntaxis om dit te schrijven,
Vraag 21) Leg ng-bind-template en ng-non-bindable uit.
Antwoord:
ng-bind-sjabloon : Het vervangt de tekstinhoud van het element door interpolatie van de sjabloon. Het kan meerdere dubbele gekrulde markeringen bevatten.
Niet bindend : Het specificeert AngularJS om de inhoud van dit HTML-element en zijn onderliggende knooppunten niet te compileren.
Q # 22) Leg de ng-model-richtlijn uit in AngularJs.
Antwoord: Dit kan een sprong voorwaarts zijn met het aangepaste HTML-invoerformulierbesturingselement (zoals invoer, tekstgebied en selecteren) naar de toepassingsgegevens. Het biedt formuliervalidatiegedrag met tweerichtingsbinding.
Q # 23) Definieer de Factory-methode in AngularJS.
Antwoord: Het lijkt veel op service, fabrieken implementeren een modulepatroon waarin we een fabrieksmethode gebruiken om een object te genereren dat wordt gebruikt voor het bouwen van modellen.
In een fabriek wordt aan het einde een methode-object geretourneerd door een nieuw object te maken en functies als eigenschappen toe te voegen.
Syntaxis
Q # 24) Wat is de ng-repeat-richtlijn in AngularJS?
Antwoord: Het rendert of herhaalt een verzameling items en creëert DOM-elementen. Het controleert regelmatig de gegevensbron om een sjabloon opnieuw te renderen als reactie op een wijziging.
Syntaxis
V # 25) Wat is een controller in AngularJS?
Antwoord: Een controller is een JavaScript-functie die is gebonden aan het opgegeven bereik. Angular instantieert het nieuwe controllerobject en injecteert de nieuwe scope als een afhankelijkheid.
Een controller kan worden gebruikt om de begintoestand van het scope-object in te stellen en om gedrag aan het object toe te voegen. Een controller kan niet worden gebruikt om code of status over controllers te delen, maar in plaats daarvan kan Angular-service worden gebruikt.
V # 26) Wat zijn filters in AngularJS?
Antwoord: Het belangrijkste werk van filters is het wijzigen van de gegevens, zodat deze kunnen worden samengevoegd tot een uitdrukking of richtlijn door een pipe-teken te gebruiken (het wordt gebruikt voor het toepassen van filters in een hoeksymbool van een pipe die (|) is of dit is de symbool).
Een filter maakt de waarde van een uitdrukking op voor weergave aan de gebruiker. Ze kunnen worden gebruikt in weergavesjablonen, controllers of services, en we kunnen ook gemakkelijk ons eigen filter maken. Een filter is een module die wordt aangeboden door AngularJS. Er zijn negen componenten van een filter die erdoor worden geleverd.
Voorbeelden: valuta, datum, filter, JSON, limitTo, etc.
V # 27) Wat is de ng-App-richtlijn in AngularJS?
Antwoord: Het wordt gebruikt om de AngularJs-applicatie te definiëren. Het benoemt het root-element van de applicatie en wordt bij de of -tag bewaard.
We kunnen een willekeurig aantal ng-app-richtlijnen definiëren in het HTML-document, maar slechts één AngularJS-applicatie kan automatisch worden opgestart (auto-bootstrapped) en de andere applicaties moeten handmatig worden opgestart.
Voorbeeld:
Q # 28) Wat is ng-switch in AngularJS?
Antwoord: Het wordt gebruikt om de structuur van DOM voorwaardelijk uit te wisselen op een sjabloon die is gebaseerd op een op een bereik gebaseerde uitdrukking.
Met deze instructie kunt u het HTML-element weergeven of verbergen, afhankelijk van de uitdrukking.
V # 29) Wat is het nut van een dubbelklikgebeurtenis in AngularJs?
Antwoord: Hiermee kunt u het aangepaste gedrag specificeren bij een dubbelklikgebeurtenis van de muis op een webpagina. We kunnen het gebruiken (ng-dblclick) als een attribuut van het HTML-element zoals,
V # 30) Wat zijn ng-include- en ng-click-richtlijnen in AngularJs?
Antwoord:
ng-include helpt om verschillende bestanden op de hoofdpagina op te nemen. De ng-include-richtlijn bevat HTML van een extern bestand.
De opgenomen inhoud wordt opgenomen als onderliggende knooppunten van het opgegeven element. De waarde van het kenmerk ng-include kan ook een uitdrukking zijn, die een bestandsnaam retourneert.
Standaard moet het meegeleverde bestand zich in hetzelfde domein als het document bevinden.
ng-click kan worden gebruikt in scenario's zoals wanneer u op een knop klikt of wanneer u een bewerking wilt uitvoeren. Het vertelt AngularJS wat te doen wanneer op een HTML-element wordt geklikt.
Voorbeeld:
hoe bin-bestanden op Windows te openen
De bovenstaande code verhoogt de telvariabele met één wanneer op de knop wordt geklikt.
V # 31) Wat is een representatieve staatsoverdracht (REST) in AngularJs?
Antwoord: REST is een API-stijl die werkt via het HTTP-verzoek.
De gevraagde URL identificeert de gegevens waarmee moet worden gewerkt, en de HTTP-methode identificeert de bewerking die moet worden uitgevoerd. REST is een API-stijl in plaats van een formele specificatie, en er is veel discussie en onenigheid over wat wel en niet RESTful is, wat een term is die wordt gebruikt om een API aan te duiden die de REST-stijl volgt.
AngularJS is flexibel over hoe RESTful-webservices worden gebruikt.
V # 32) Wat zijn de AngularJs Global API?
Antwoord: Het is een combinatie van de globale JavaScript-functie die wordt gebruikt om taken uit te voeren zoals het vergelijken van objecten, het herhalen van objecten en het converteren van gegevens.
Er zijn enkele algemene API-functies, zoals:
- hoekig. kleine letters: Het converteert een string naar een kleine string.
- hoekig. hoofdletters: Het converteert een tekenreeks naar een tekenreeks in hoofdletters.
- hoekig. isString: Het zal true retourneren als de huidige referentie een tekenreeks is.
- hoekig. isNumber: Het zal true retourneren als de huidige referentie een getal is.
V # 33) Wat is een providermethode in AngularJs?
Antwoord: Een provider is een object dat een serviceobject creëert door meer controle over te nemen.
De methode $ get () wordt gebruikt in de provider die het serviceobject retourneert. De servicenaam en de fabrieksfunctie zijn de argumenten die worden doorgegeven aan de providermethode. AngularJS gebruikt $ bieden om nieuwe providers te registreren.
Syntaxis:
V # 34) Wat is het afhandelen van gebeurtenissen?
Antwoord: Gebeurtenisafhandeling in AngularJs is erg handig wanneer u geavanceerde AngularJs-applicaties wilt maken.
We moeten DOM-gebeurtenissen afhandelen, zoals muisklikken, bewegingen, toetsenbordaanslagen, gebeurtenissen wijzigen enzovoort. AngularJs heeft enkele luisteraarrichtlijnen zoals ng-click, ng-dbl-click, ng-mousedown, ng-keydown, ng-keyup etc.
V # 35) Wat is AngularJs DOM?
Antwoord: AngularJs heeft een aantal richtlijnen die worden gebruikt om AngularJs-toepassingsgegevens in te kapselen in een uitgeschakeld kenmerk van de HTML-elementen.
Voorbeeld ng-disabled richtlijn kapselt de toepassingsgegevens in naar de uitgeschakelde attributen van het HTML DOM-element.
V # 36) Wat zijn de attributen die kunnen worden gebruikt tijdens het creëren van nieuwe AngularJs-richtlijnen?
Antwoord: Er zijn verschillende attributen die kunnen worden gebruikt tijdens het maken van een nieuwe richtlijn.
Ze bevatten:
- Sjabloon: Het beschrijft een inline-sjabloon als een string.
- Sjabloon-URL: Dit kenmerk specificeert de AngularJs HTML-compiler om de aangepaste richtlijn in een sjabloon te vervangen door de HTML-inhoud in een afzonderlijk bestand.
- Vervangen: Het vervangt het huidige element als de voorwaarde waar is, indien onwaar, voeg deze instructie toe aan het huidige element.
- Transclude: Hiermee kunt u de oorspronkelijke onderliggende items van een richtlijn naar een locatie in de nieuwe sjabloon verplaatsen.
- Toepassingsgebied: Het creëert een nieuwe scope voor deze richtlijn in plaats van de bovenliggende scope te erven.
- Verantwoordelijke: Het creëert een controller die een API publiceert voor communicatie tussen de richtlijnen.
- Vereisen: Er moet een andere richtlijn aanwezig zijn om de huidige richtlijn efficiënt te laten functioneren.
- Koppeling: Het wijzigt resulterende in DOM-elementinstanties, voegt gebeurtenislisteners toe en stelt gegevensbinding in.
- Compileren: Het wijzigt de DOM-sjabloon voor functies in exemplaren van een richtlijn, zoals bij gebruik in andere richtlijnen. Uw compileerfunctie kan ook linkfuncties retourneren om de resulterende elementinstanties te wijzigen.
V # 37) Zijn geneste controllers mogelijk of niet in AngularJs?
Antwoord: Ja, het is mogelijk omdat geneste controllers goed gedefinieerd zijn op een geclassificeerde manier terwijl ze een weergave gebruiken.
V 38) Is AngularJS goed geschikt voor alle browsers?
Antwoord: Ja, het is compatibel met alle browsers zoals Safari, Chrome, Mozilla, Opera, IE, enz. Evenals met mobiele browsers.
Q 39) Services definiëren in AngularJS.
Antwoord: AngularJS-services zijn de singleton-objecten of -functies die worden gebruikt voor het uitvoeren van bepaalde taken. Het omvat enkele bedrijfsideeën en deze doeleinden kunnen controllers, richtlijnen, filters enzovoort worden genoemd.
V 40) Leg de voordelen van AngularJS uit.
Antwoord: Voordelen zijn onder meer:
- Het ondersteunt het MVC-formulier.
- Organiseer twee manieren van gegevensbinding met AngularJS.
- Het ondersteunt wederzijdse client-server-communicatie.
- Het ondersteunt simulaties.
V # 41) Verschil tussen services en fabriek.
Antwoord: Fabrieken zijn functies die het object retourneren, terwijl services constructorfuncties zijn van het object dat door een nieuw trefwoord wordt gebruikt.
Syntaxis
Fabriek - module.factory (`fabrieksnaam`, functie);
Onderhoud - module.service (`serviceName`, functie);
V # 42) Als zowel fabriek als service gelijkwaardig zijn, wanneer moet ik ze dan gebruiken?
Antwoord: Fabrieksaanbieder heeft de voorkeur met behulp van een object, terwijl een serviceprovider de voorkeur heeft met klasse.
Q # 43) Verschil tussen AngularJS en React.JS.
Antwoord: AngularJS is een op TypeScript gebaseerd JS-framework dat in oktober 2010 door Google is uitgebracht. Het is een volledig gratis framework en open source dat wordt gebruikt in SPA-projecten (d.w.z. Single Page Application-projecten).
React.JS is een javascript-bibliotheek die in maart 2013 door Facebook is ontwikkeld voor het bouwen van een gebruikersinterface. React-componenten kunnen op meerdere pagina's worden gebruikt, maar niet als een SPA (d.w.z. Single Page Application).
Q # 44) Verschil tussen ng-bind en ng-model richtlijn.
Antwoord: ng-bind-richtlijn heeft gegevensbindingen in één richting, gegevensstromen alleen van object naar gebruikersinterface, niet omgekeerd (dwz $ scope >> view) en ng-model-richtlijn heeft gegevensbindingen in twee richtingen, gegevensstromen tussen gebruikersinterface naar object en vice versa versa (dwz $ scope >> view en view >> $ scope).
Q # 45) Wat is het verschil tussen AJAX en AngularJS?
Antwoord: AJAX staat voor Asynchronous JavaScript dat wordt gebruikt voor het verzenden en ontvangen van reacties van de server zonder de pagina te laden.
Terwijl AngularJS een op typoscript gebaseerd JavaScript-raamwerk is dat het MVC-patroon volgt.
Q # 46) Definieer ng-if, ng-show en ng-hide.
Antwoord: ng-if-instructie wordt gebruikt als if-clausule die het HTML-element verwijdert als de uitdrukking false wordt.
Syntaxis
ng-show-instructie wordt gebruikt om het HTML-element weer te geven als de uitdrukking waar wordt. En als de uitdrukking false wordt, wordt het HTML-element verborgen.
Syntaxis
ng-hide-instructie wordt gebruikt om het HTML-element te verbergen als de uitdrukking false wordt.
Syntaxis
Zowel ng-show als ng-hide gebruiken de display-eigenschappenmethode.
Q # 47) Wat is het verschil tussen ngRoute en ui-router?
Antwoord: ngRoute is een module die is ontwikkeld door het angularJS-team en die deel uitmaakte van het core angularJS-framework. Terwijl ui-router is ontwikkeld door een externe community om de problemen van ngRoute op te lossen.
ngRoute is een op locatie of URL gebaseerde routering, en ui-router is een op de staat gebaseerde routering die geneste weergaven mogelijk maakt.
V # 48) Hoe cookies in AngularJs instellen, ophalen en wissen?
Antwoord: AngularJS heeft een module genaamd ngCookies, dus voordat ngCookies wordt geïnjecteerd, moet angular-cookies.js in de applicatie worden opgenomen.
- Cookies instellen - De Put-methode wordt gebruikt om cookies in een sleutelwaarde-indeling in te stellen.
- Cookies ophalen - De methode Get wordt gebruikt om cookies te krijgen.
- Cookies wissen - De verwijderingsmethode wordt gebruikt om cookies te verwijderen.
Gevolgtrekking
Ik ben er zeker van dat dit artikel je zou hebben geholpen om de basis en het geavanceerde niveau van AngularJS te begrijpen.
Deze set interviewvragen en antwoorden op AngularJS die hier wordt vermeld, stelt u in staat om elk AngularJS-interview met succes op een frisser en ervaringsniveau te kraken. Dit zijn de veelgestelde vragen die in de interviews worden gesteld. Dat is het voor nu.
Dit artikel zal je helpen om elk interview met betrekking tot AngularJS te kraken en tegemoet te treden !! Ik hoop dat je genoten hebt van het hele scala aan tutorials in deze AngularJS-serie !!
Aanbevolen literatuur
- Interview vragen en antwoorden
- Vragen en antwoorden over ETL-tests
- Enkele lastige vragen en antwoorden voor handmatig testen
- 25 Beste Agile Testing Interview Vragen en Antwoorden
- Spock-interviewvragen met antwoorden (meest populair)
- Enkele interessante sollicitatievragen voor het testen van software
- Top 20+ .NET interviewvragen en antwoorden
- Top 51 Bootstrap-interviewvragen en antwoorden