48 najboljših vprašanj in odgovorov za intervju z AngularJS (SEZNAM 2021)

48 top angularjs interview questions

Seznam najpogostejših vprašanj za intervju z AngularJS s podrobnimi odgovori za sveže in izkušene strokovnjake:

AngularJS je eden najnovejših okvirov za spletni razvoj po vsem svetu.

Skoraj v vsakem intervjuju se boste morali boriti z močno konkurenco, da boste dosegli visoko in dobili sanjsko službo. Zato se morate pripraviti vnaprej.

Da bi vam pomagali na tem potovanju, smo pripravili seznam najpogostejših vprašanj za intervju z AngularJS skupaj z odgovori, ki jih anketar pričakuje v času intervjuja.

Preberite našo serija vadnic AngularJS za več znanja o konceptu. Ovojnik kotomer za preizkušanje AngularJS Aplikacije je bilo razloženo v naši prejšnji vadnici.

Najpogostejša vprašanja v zvezi z intervjujem AngularJS

Spodaj je seznam najpomembnejših vprašanj in odgovorov na razgovoru na AngularJS, s katerimi lahko vsakdo uspešno očisti intervju.

Raziskujmo !!

V # 1) Kaj razumete s programom AngularJS?

Odgovor: AngularJS je ogrodje JavaScript, ki se uporablja za izdelavo bogatih in razširljivih spletnih aplikacij.

Deluje na navadnih JavaScript in HTML, zato za delovanje ne potrebujete drugih odvisnosti. AngularJS je kot nalašč za enostranske aplikacije (SPA). V osnovi se uporablja za vezavo predmetov JavaScript z elementi UI HTML.

V # 2) Določite značilnosti AngularJS.

Odgovor: Funkcije vključujejo:

• Predloga (pogled)
• Področje uporabe (model)
• Krmilnik (krmilnik)
• Storitve
• Filtri
• Direktiv

V # 3) Določite vezavo podatkov.

Odgovor: Vezava podatkov je samodejna nastavitev podatkov med pogledom in komponentami modela.

V # 4) Razlikovanje izrazov AngularJS in JavaScript.

Odgovor: Med izrazi AngularJS in JavaScript obstaja več razlik:

• Izraze AngularJS lahko zapišemo v HTML, izrazov JavaScript pa v HTML.
• Pogojnih ponovitev, zank in izjem v programu AngularJS ne moremo uporabljati, lahko pa vse te pogojne lastnosti uporabimo v izrazih JavaScript.
• Filtri so podprti v AngularJS, medtem ko filtri niso podprti v JavaScript.

V # 5) Napišite vse korake za konfiguriranje a n Kotna aplikacija (v aplikaciji).

Odgovor: Za nastavitev kotne aplikacije moramo slediti določenim korakom, kot je navedeno spodaj:

• Najprej bo ustvarjen angular.module.
• Modulu bo dodeljen krmilnik.
• Modul bo povezan s predlogo HTML (tj. Uporabniški vmesnik ali pogled) z kotno aplikacijo (ng-app).
• Predloga HTML bo povezana z krmilnikom (tj. JS) z direktivo ng-krmilnik.

V # 6) Kaj so kotni moduli?

Odgovor: Kotni moduli skupaj določajo kotno aplikacijo, kjer lahko napišemo kotno kodo. Moduli vsebujejo različne dele kotne aplikacije. Modul ustvari funkcija angular.module v angular.

V # 7) Kakšni so obsegi direktiv v AngularJS?

Odgovor: V AngularJS so na voljo tri področja uporabe.

To so:

• Obseg staršev: Kakršna koli sprememba v direktivi, ki izhaja iz nadrejenega obsega, se bo odražala tudi v nadrejenem obsegu in je tudi privzeti obseg.
• Obseg otroka: To je ugnezdeni obseg, ki podeduje lastnost iz nadrejenega obsega. Če katere koli lastnosti in funkcije na področju niso povezane z nadrejeno direktivo o obsegu, se ustvari nova podrejena direktiva o obsegu.
• Izoliran obseg: Je za večkratno uporabo in se uporablja, ko gradimo samostojno direktivo. Uporablja se samo za zasebno in interno uporabo, kar pomeni, da ne vsebuje nobenih lastnosti nadrejenega obsega.

V # 8) Kako lahko delimo podatke med krmilniki v AngularJS?

Odgovor: Najprej moramo ustvariti storitev. Storitev se uporablja za izmenjavo podatkov med krmilniki v programu AngularJS na zelo luciden, enostaven in najhitrejši način. Z uporabo $ rootScope uporabljamo dogodke, $ nadrejeni, naslednji brat ali sestra in krmilnik.

V # 9) Kakšen je prebavni cikel v AngularJs?

Odgovor: Je del procesa vezave podatkov v AngularJS. Primerja staro in novo različico vrednosti modela obsega v vsakem ciklusu prebave.

Cikel prebave se sproži samodejno. Uporabnost lahko tudi izboljšamo z uporabo $ apply (), če želimo cikel prebavnega vodenja sprožiti ročno.

V # 10) Pojasnite razlike med enosmerno in dvosmerno vezavo.

Odgovor: Enosmerna vezava se uporablja za vezavo podatkov iz modela za ogled brez samodejnega posodabljanja predloge HTML ali pogleda.

Če želimo posodobiti predlogo HTML, moramo napisati kodo po meri, ki bo posodobila pogled vsakič, ko bodo podatki vezani iz modela na pogled.

Medtem ko se dvosmerna vezava uporablja za vezavo podatkov iz modela na ogled in obratno (tj. Pogled na model) s samodejnim posodabljanjem predloge HTML brez pisanja kode po meri.

V # 11) Razlika med sessionStorage, piškotki in localStorage.

Odgovor: Razlike so naslednje:

• SessionStorage - Podatki se shranijo za določeno sejo. Podatki se bodo izgubili, kadar bo zavihek brskalnika zaprt ali po določeni seji. Največja shranjena velikost je lahko do 5 MB.
• LocalStorage - Podatki so shranjeni brez roka uporabnosti. Podatke lahko počisti samo JavaScript ali brisanje predpomnilnika brskalnika. Omejitev prostora za shranjevanje je največja od sessionStorage in piškotka.
• Piškotki - Shrani podatke, ki jih je treba z nekaterimi zahtevami poslati nazaj na strežnik. Potek veljavnosti piškotka se razlikuje glede na vrsto in trajanje, nastavljeno na strani strežnika ali odjemalca. Največja shranjena velikost je lahko manjša od 4 KB.

V # 12) Kakšna je vloga $ routeProvider v AngularJS?

Odgovor: $ RouteProvider je tisti, ki pomaga pri krmarjenju med različnimi stranmi / povezavami, ne da bi stran / povezavo ločeno nalagal vsakič, ko uporabnik klikne povezavo.

Za konfiguracijo routeProviderja se uporablja metoda ngRoute config ().

V # 13) Kakšna je razlika med obsegom $ in obsegom?

Odgovor: V AngularJS se $ obseg uporablja za doseganje vbrizgavanja odvisnosti, obseg pa za povezavo med View (tj. HTML) in Controller (tj. JS).

V # 14) Kako se uporabljata predponi AngularJS $ in $$?

Odgovor: Spremenljivka $$ v AngularJS se uporablja kot zasebna spremenljivka, saj se uporablja za preprečevanje nenamernega trčenja kode z uporabniško kodo.

Predpono $ pa lahko uporabimo za označevanje kotnih jedrnih funkcionalnosti (kot so spremenljivka, parameter, lastnost ali metoda).

V # 15) Kje lahko izvedemo manipulacijo z DOM v AngularJS?

Odgovor: Manipulacija z DOM je v direktivah in poleg tega ne bi smela obstajati v storitvah upravljavca ali kjer koli drugje.

V # 16) Kako lahko pokažemo, da mora imeti spremenljivka obsega samo enkratno vezavo?

Odgovor: Za prikaz enkratne vezave moramo uporabiti “ :: ”Pred obsegom.

V # 17) Kaj je SPA (Single Page Application) v programu AngularJS?

Odgovor: To je spletna aplikacija, ki naloži eno samo stran HTML in jo dinamično posodobi, ko se uporabnik poveže z aplikacijo.

Z uporabo AJAX in HTML lahko SPA ustvari tekočo in odzivno spletno aplikacijo brez nespremenljivega ponovnega nalaganja strani. S tem lahko naredimo odzivni uporabniški vmesnik brez utripanja strani.

V # 18) Koliko vrst vezav podatkov obstaja v AngularJS?

Odgovor: AngularJS podpira tako enosmerno kot dvosmerno vezavo.

Če spremenimo podatkovni model, na en način ne bo prišlo do dinamične spremembe, ki jo boste videli v pogledu, na dvosmerni vezavi pa bo prišlo do dinamične spremembe vsakič, ko bo spremenjena v podatkovnem modelu.

V # 19) Katere so zavezujoče direktive v AngularJs?

Odgovor: Zavezujoče direktive vključujejo:

• ng-veži
• ng-bind-html
• ng-bind-predloga
• ni mogoče vezati
• ng-model

V # 20) Pojasnite direktivi ng-bind in ng-bind-html.

Odgovor:

ng-veži : Gre za direktivo, ki vsebino elementa HTML nadomesti z vrednostjo dodeljene spremenljivke ali izraza.

Vsebina elementa HTML se bo spremenila s spreminjanjem vrednosti spremenljivke ali izraza.

Je kot ({{izraz}}) in sintaksa tega je,

ng-bind-html : To je direktiva, ki vsebino na varen način veže na element HTML (pogled). Storitev $ sanitize se uporablja za sanacijo vsebine, ki se veže v element HTML. Če želite to narediti, mora biti v našo aplikacijo vključen 'angular-sanitize.js'.

oops koncepti v c # s primeri za izkušene

Sintaksa za pisanje tega,

V # 21) Pojasnite predlogo ng-bind-predloge in ng-nevezivo.

Odgovor:

ng-bind-predloga : Nadomešča besedilno vsebino elementa z interpolacijo predloge. Vsebuje lahko več dvojnih kodrastih oznak.

Ni mogoče vezati : AngularJS določa, da ne prevaja vsebine tega elementa HTML in njegovih podrejenih vozlišč.

V # 22) Pojasnite direktivo ng-model v AngularJs.

Odgovor: To je lahko preskok z nadzorom obrazca za vnos po meri HTML (kot je vnos, besedilo in izberite) do podatkov aplikacije. Zagotavlja vedenje preverjanja obrazca z dvosmerno vezavo.

V # 23) Določite tovarniško metodo v AngularJS.

Odgovor: Podobno je storitvam, tovarne izvajajo modularni vzorec, v katerem s tovarniško metodo ustvarjamo objekt, ki se uporablja za gradnjo modelov.

V tovarni se objekt metode na koncu vrne z ustvarjanjem novega predmeta in dodajanjem funkcij kot lastnosti.

Sintaksa :

V # 24) Kaj je direktiva ng-repeat v AngularJS?

Odgovor: Prikaže ali ponovi zbirko elementov in ustvari elemente DOM. Redno spremlja vir podatkov, da znova upodobi predlogo kot odgovor na spremembo.

Sintaksa:

V # 25) Kaj je krmilnik v AngularJS?

Odgovor: Krmilnik je funkcija JavaScript, ki je vezana na določen obseg. Angular ustvari nov objekt krmilnika in vnese novo področje kot odvisnost.

Krmilnik lahko uporabite za nastavitev začetnega stanja predmeta obsega in za dodajanje vedenja predmetu. Krmilnika ni mogoče uporabiti za skupno rabo kode ali stanja med krmilniki, ampak namesto te storitve Angular.

V # 26) Kaj so filtri v programu AngularJS?

Odgovor: Glavno delo filtrov je spremeniti podatke, tako da jih je mogoče združiti v izraz ali direktivo z uporabo znaka cevi (uporablja se za uporabo filtrov v kotnem simbolu cevi, ki je (|) ali je to simbol).

Filter oblikuje vrednost izraza za prikaz uporabniku. Uporabljajo se lahko v predlogah pogledov, krmilnikih ali storitvah, enostavno pa lahko ustvarimo tudi svoj filter. Filter je modul, ki ga zagotavlja AngularJS. Filter vsebuje devet komponent.

Primeri: valuta, datum, filter, JSON, limitTo itd.

.net vprašanja in odgovori za izkušene

V # 27) Kaj je direktiva ng-App v AngularJS?

Odgovor: Uporablja se za definiranje aplikacije AngularJs. Določi korenski element aplikacije in se hrani blizu oznake ali.

V dokumentu HTML lahko določimo poljubno število direktiv ng-app, vendar je mogoče samodejno zagnati samo eno aplikacijo AngularJS (samodejno zagnati), druge aplikacije pa je treba ročno zagnati.

Primer:

V # 28) Kaj je ng-stikalo v AngularJS?

Odgovor: Uporablja se za pogojno izmenjavo strukture DOM na predlogi, ki temelji na izrazu, ki temelji na obsegu.

Ta direktiva vam omogoča prikaz ali skrivanje elementa HTML, odvisno od izraza.

V # 29) Kakšna je uporaba dogodka z dvojnim klikom v AngularJs?

Odgovor: Omogoča vam, da določite vedenje po meri za dogodek z dvojnim klikom miške na spletni strani. Lahko ga uporabimo (ng-dblclick) kot atribut elementa HTML, kot je,

V # 30) Kaj so direktive ng-include in ng-click v AngularJs?

Odgovor:

ng-vključi pomaga vključiti različne datoteke na glavno stran. Direktiva ng-include vključuje HTML iz zunanje datoteke.

Vključena vsebina bo vključena kot podrejena vozlišča določenega elementa. Vrednost atributa ng-include je lahko tudi izraz, ki vrne ime datoteke.

Privzeto mora biti vključena datoteka v isti domeni kot dokument.

ng-click je mogoče uporabiti v scenarijih, na primer ko kliknete gumb ali kadar želite izvesti katero koli operacijo. AngularJS pove, kaj naj stori, ko klikne element HTML.

Primer:

Zgornja koda bo vsakič, ko kliknete gumb, spremenljivko štetja povečala za eno.

V # 31) Kaj je reprezentativni prenos stanja (REST) ​​v AngularJs?

Odgovor: REST je slog API-ja, ki deluje prek zahteve HTTP.

Zahtevani URL identificira podatke, ki jih je treba izvajati, metoda HTTP pa operacijo, ki jo je treba izvesti. REST je slog API-ja in ne formalna specifikacija, zato obstaja veliko razprav in nesoglasij o tem, kaj RESTful je in kaj ni, kar je izraz, ki označuje API, ki sledi slogu REST.

AngularJS je prilagodljiv glede porabe spletnih storitev RESTful.

V # 32) Kaj so globalni API AngularJs?

Odgovor: Gre za kombinacijo globalne funkcije JavaScript, ki se uporablja za izvajanje nalog, kot so primerjava predmetov, ponavljanje predmetov in pretvorba podatkov.

Obstaja nekaj pogostih funkcij API, kot so:

• kotna. mala črka: Pretvori niz v majhen niz.
• kotna. velike črke: Pretvori niz v velik črk.
• kotna. isString: Vrnil bo true, če je trenutni sklic niz.
• kotna. isNumber: Vrnilo se bo, če je trenutna referenca številka.

V # 33) Kaj je metoda ponudnika v AngularJs?

Odgovor: Ponudnik je objekt, ki ustvari objekt storitve tako, da omogoča več nadzora.

Pri ponudniku, ki vrne objekt storitve, se uporablja metoda $ get (). Ime storitve in tovarniška funkcija sta argumenta, ki sta posredovana v metodo ponudnika. AngularJS uporablja $ provide za registracijo novih ponudnikov.

Sintaksa:

V # 34) Kaj je obravnava dogodkov?

Odgovor: Obravnava dogodkov v AngularJs je zelo koristna, če želite ustvariti vnaprej aplikacije AngularJs.

Obravnavati moramo dogodke DOM, kot so kliki miške, premiki, pritiski na tipkovnico, spreminjanje dogodkov itd. AngularJs ima nekaj direktiv za poslušalce, kot so ng-click, ng-dbl-click, ng-mousedown, ng-keydown, ng-keyup itd.

V # 35) Kaj je AngularJs DOM?

Odgovor: AngularJ imajo nekatere direktive, ki se uporabljajo za vključitev podatkov aplikacije AngularJs v onemogočen atribut elementov HTML.

Primer: Direktiva ng-disabled enkapsulira podatke aplikacije v onemogočene atribute elementa HTML DOM.

V # 36) Kateri atributi se lahko uporabljajo med ustvarjanjem novih direktiv AngularJs?

Odgovor: Med ustvarjanjem nove direktive je mogoče uporabiti več atributov.

Vključujejo:

1. Predloga: Vstavljeno predlogo opisuje kot niz.
2. URL predloge: Ta atribut določa prevajalnik HTML AngularJs, da bo direktivo po meri v predlogi zamenjal z vsebino HTML, ki se nahaja v ločeni datoteki.
3. Zamenjati: Nadomešča trenutni element, če je pogoj true, če false doda to direktivo trenutnemu elementu.
4. Izključi: Omogoča vam, da prvotne podrejene smernice premaknete na mesto znotraj nove predloge.
5. Obseg: Ustvari novo področje uporabe za to direktivo in ne podeduje nadrejenega področja uporabe.
6. Krmilnik: Ustvari krmilnik, ki objavi API za komunikacijo med direktivami.
7. Zahtevaj: Za učinkovito delovanje sedanje direktive je potrebna druga direktiva.
8. Povezava: Spremeni rezultat v primerkih elementov DOM, doda poslušalce dogodkov in nastavi vezavo podatkov.
9. Sestavi: Spremeni predlogo DOM za funkcije v kopijah direktive, kot se uporablja v drugih direktivah. Funkcija prevajanja lahko vrne tudi funkcije povezav za spreminjanje nastalih primerkov elementov.

V # 37) Ali so ugnezdeni krmilniki možni ali ne v AngularJ-jih?

Odgovor: Da, to je mogoče, saj so ugnezdeni krmilniki dobro definirani na klasificiran način, medtem ko uporabljajo pogled.

V 38) Ali je AngularJS primeren za vse brskalnike?

Odgovor: Da, združljiv je z vsemi brskalniki, kot so Safari, Chrome, Mozilla, Opera, IE itd., Pa tudi z mobilnimi brskalniki.

V 39) Določite storitve v AngularJS.

Odgovor: Storitve AngularJS so posamezni predmeti ali funkcije, ki se uporabljajo za izvajanje določenih nalog. Zajema nekatere korporativne ideje in te namene lahko imenujemo krmilniki, direktive, filtri in tako naprej.

V 40) Pojasnite prednosti AngularJS.

Odgovor: Prednosti vključujejo:

• Podpira obrazec MVC.
• Z AngularJS organizirajte dva načina vezave podatkov.
• Podpira medsebojno komunikacijo odjemalec-strežnik.
• Podpira simulacije.

V # 41) Razlika med storitvami in tovarno.

Odgovor: Tovarne so funkcije, ki vrnejo objekt, medtem ko so storitve konstruktorske funkcije predmeta, ki ga uporablja nova ključna beseda.

Sintaksa:

Tovarna - module.factory (`factoryName`, funkcija);

Storitev - module.service (`serviceName`, funkcija);

V # 42) Če sta tovarna in servis enakovredni, kdaj naj ju uporabim?

Odgovor: Zaželeno je, da tovarniški ponudnik uporablja objekt, medtem ko ponudnik storitev raje uporablja razred.

V # 43) Razlika med AngularJS in React.JS.

Odgovor: AngularJS je JS-okvir, ki temelji na jeziku TypeScript in ga je Google izdal oktobra 2010. Gre za popolnoma brezplačen okvir in odprtokodno kodo, ki se uporablja v SPA projektih (tj. Projekti z eno stranjo).

React.JS je knjižnica javascripta, ki jo je Facebook razvil marca 2013 za gradnjo uporabniškega vmesnika. Komponente React je mogoče uporabiti na več straneh, vendar ne kot SPA (tj. Enostranska aplikacija).

V # 44) Razlika med direktivo ng-bind in ng-model.

Odgovor: Direktiva ng-bind ima enosmerne vezave podatkov, podatki se pretakajo samo od predmeta do uporabniškega vmesnika, ne obratno (tj. $ scope >> view), direktiva ng-model pa ima dvosmerne vezave podatkov, pretok podatkov med uporabniškim vmesnikom do objekta in vice obratno (tj. $ scope >> ogled in ogled >> $ obseg).

V # 45) Kakšna je razlika med AJAX in AngularJS?

Odgovor: AJAX pomeni Asinhroni JavaScript, ki se uporablja za pošiljanje in pridobivanje odgovorov s strežnika brez nalaganja strani.

Medtem ko je AngularJS okvir JavaScript, ki temelji na jeziku tipkopisa in sledi vzorcu MVC.

V # 46) Določite ng-if, ng-show in ng-hide.

Odgovor: Direktiva ng-if se uporablja kot klavzula, ki odstrani element HTML, če izraz postane false.

Sintaksa

Direktiva ng-show se uporablja za prikaz elementa HTML, če izraz postane resničen. In če izraz postane napačen, bo element HTML skrit.

Sintaksa

Direktiva ng-hide se uporablja za skrivanje elementa HTML, če izraz postane napačen.

Sintaksa

Tako ng-show kot ng-hide uporabljajo metodo lastnosti lastnosti.

V # 47) Kakšna je razlika med ngRoute in ui-routerjem?

Odgovor: ngRoute je modul, ki ga je razvila ekipa angularJS in je bil del jedrnega ogrodja angularJS. Medtem ko je ui-router razvila neodvisna skupnost za premagovanje težav ngRoute.

ngRoute je usmerjanje na podlagi lokacije ali URL-ja, ui-router pa usmerjanje na osnovi stanja, ki omogoča ugnezdene poglede.

V # 48) Kako nastaviti, pridobiti in počistiti piškotke v AngularJs?

Odgovor: AngularJS ima modul, imenovan ngCookies, zato je treba pred vbrizgavanjem ngCookies v aplikacijo vključiti angular-cookies.js.

• Nastavite piškotke - Metoda Put se uporablja za nastavitev piškotkov v obliki ključ-vrednost.

• Pridobite piškotke - Za pridobitev piškotkov se uporablja metoda Get.

• Počisti piškotke - Odstranjevanje se uporablja za odstranjevanje piškotkov.

Zaključek

Prepričan sem, da bi vam ta članek pomagal razumeti osnove in napredno raven AngularJS.

Ta sklop vprašanj in odgovorov na razgovore o AngularJS, ki so tukaj navedeni, vam bo omogočil, da boste uspešno razbili kateri koli intervju z AngularJS tako na bolj sveži kot na izkušnji. To so pogosta vprašanja, ki jih zastavljajo v intervjujih. To je vse za zdaj.

Ta članek vam bo pomagal razbiti in se soočiti z vsemi intervjuji, povezanimi z AngularJS !! Upam, da ste uživali v celotni paleti vadnic v tej seriji AngularJS !!

PREV Vadnica

Priporočeno branje

• Vprašanja in odgovori za intervju
• Vprašanja in odgovori za preizkušanje ETL
• Nekaj ​​zapletenih ročnih preizkusov Vprašanja in odgovori
• 25 najboljših vprašanj in odgovorov za intervju z agilnim testiranjem
• Vprašanja za intervju z Spockom z odgovori (najbolj priljubljeno)
• Nekaj ​​zanimivih vprašanj za preskušanje programske opreme
• Najboljših 20+ vprašanj in odgovorov na .NET
• Top 51 vprašanj in odgovorov za intervju z Bootstrapom