Cele mai frecvente 29 de întrebări și răspunsuri la interviu AngularJS [pentru începători și experimentați]
Publicat: 2020-03-13AngularJS este unul dintre cele mai populare cadre web din scena tehnologiei moderne. Deși inițial, AngularJS a fost un proiect Google, mai târziu, a devenit un cadru open-source. AngularJS este un cadru JavaScript Model-View-Controller la nivelul clientului, care este utilizat în principal pentru a construi și a dinamica aplicații web, în special aplicații cu o singură pagină.
Deoarece AngularJS se bazează în întregime pe HTML și JavaScript, vă permite să utilizați HTML ca limbaj de șablon. Nu numai că schimbă HTML static în HTML dinamic, dar ajută și la extinderea abilităților HTML prin adăugarea de atribute încorporate. Nu doar atât, AngularJS extinde și capacitatea HTML de a crea atribute personalizate folosind JavaScript. Ceea ce este mai bun la AngularJS este că caracteristicile sale de legare a datelor și de injectare a dependenței ajută la eliminarea necesității de a scrie cod redundant.
Popularitatea AngularJS a devenit atât de răspândită încât cererea de competențe AngularJS în industrie este în creștere. Cu toate acestea, dacă doriți să obțineți un loc de muncă care necesită abilități AngularJS, trebuie mai întâi să rezolvați interviul AngularJS. Pentru a vă ajuta să obțineți interviul AngularJS, am creat o listă cuprinzătoare de întrebări și răspunsuri la interviu AngularJS.
Iată!
Cele mai bune întrebări și răspunsuri la interviu AngularJS
1. Ce este AngularJS? Care sunt caracteristicile cheie ale AngularJS?
AngularJS este un cadru JavaScript care a fost dezvoltat de Google. Este folosit pentru crearea de aplicații web dinamice și extensibile. Se bazează pe modelul MVC (Model View Controller) cu HTML ca limbaj de șablon. După cum am menționat în introducere, AngularJS rulează pe JavaScript și HTML simplu, ceea ce înseamnă că nu trebuie să vă bazați pe alte dependențe externe pentru a-l folosi. AngularJS ajută la legarea obiectelor JavaScript cu elemente HTML UI.

Caracteristicile de bază ale AngularJS sunt:
- Șablon
- Domeniul de aplicare
- Controlor
- Servicii
- Model
- Vedere
- Legarea datelor
- Filtre
Aflați mai multe despre: Angular 7.0 – Ce este nou în avatarul său?
2. Definiți domeniul de aplicare în AngularJS.
În AngularJS, Scope este un model de aplicație care funcționează ca o legătură între lipiciul dintre controlerul aplicației și vizualizare. Scopul este conceput pentru a monitoriza expresiile și a propaga evenimente. De obicei, domeniile sunt organizate într-o structură ierarhică care replică structura DOM (Document Object Model) a unei aplicații. Poate urmări expresii și poate propaga evenimente.
3. Definiți legarea datelor în AngularJS.
În AngularJS, legarea de date se referă la procesul în care datele dintre componentele modelului și vizualizării sunt sincronizate automat. Legarea datelor ajută la simplificarea procesului de definire a aplicațiilor interactive fără a vă face griji cu privire la împingerea sau extragerea datelor între vizualizare/șablon și componentă. Există patru forme de legare a datelor:
- Legarea evenimentului
- Legarea proprietății
- Interpolarea șirurilor
- Legare bidirecțională de date
4. Definiți expresia unghiulară. Care este diferența dintre expresiile unghiulare și expresiile JavaScript?
Expresiile unghiulare sunt fragmente de cod care sunt plasate în legare (la fel ca stilul JavaScript), astfel:
{{ unghiular }}
Expresiile unghiulare ajută la legarea datelor aplicației la HTML.
Diferența de bază dintre expresiile JavaScript și expresiile unghiulare sunt:
- În timp ce expresiile JavaScript sunt evaluate în raport cu o fereastră globală, expresiile unghiulare sunt evaluate în raport cu un obiect scope.
- Evaluarea expresiilor unghiulare scutește nul și nedefinit, dar în JavaScript, proprietățile nedefinite produc de obicei TypeError sau ReferenceError.
- Spre deosebire de JavaScript, expresiile unghiulare nu permit utilizarea buclelor, condiționalelor sau excepțiilor.
- În timp ce AngularJS acceptă filtre, JavaScript nu.
5. Numiți IDE-urile comune utilizate pentru dezvoltarea aplicațiilor AngularJS.
Iată cele mai frecvent utilizate IDE-uri (Integrated Development Environment) pentru AngularJS:
- Eclipse – Acesta este unul dintre IDE-urile preferate ale dezvoltatorilor Java/JavaScript. Suportă pluginuri AngularJS.
- Visual Studio - Acesta este un IDE Microsoft care este conceput pentru a dezvolta aplicații web ușor și rapid.
- WebStorm – Acesta este, fără îndoială, unul dintre cele mai puternice IDE-uri pentru dezvoltarea JavaScript modernă. Permite integrarea ușoară a dependențelor folosind Angular CLI.
- Aptana – Aceasta este o versiune open-source, personalizată a Eclipse. Vine încărcat cu cele mai recente instrumente și standarde web necesare pentru dezvoltarea web.
- Sublime Text – Acesta este un IDE foarte recomandat pentru HTML, CSS și JavaScript. Desigur, este compatibil cu AngularJS.
Verificați și: Este AngularJS alegerea potrivită pentru următoarea dezvoltare a aplicației mobile?
6. Ce sunt directivele în AngularJS?
Directivele din AngularJS nu sunt altceva decât atribute HTML extinse care au prefixul „ng”. Există trei directive de bază ale AngularJS:
- ng-app – Scopul acestei directive este de a semnala elementul HTML care ar trebui să fie considerat elementul rădăcină al unei aplicații Angular. În timp ce Angular aplică spinal-case pentru atributele personalizate, folosește filtrul camelCase pentru directivele corespunzătoare care le implementează.
- ng-model – Această directivă ajută la legarea valorilor controalelor HTML (input, select, textarea) la datele aplicației. Într-un model ng, nu numai că Scopul reflectat în vizualizare se schimbă, dar chiar și modificările din vizualizare sunt reflectate în Scop.
- ng-bind – Această directivă este folosită pentru a lega datele aplicației modale la vizualizarea HTML.
7. Care este scopul rutelor AngularJS?
Utilizarea rutelor AngularJS vă permite să creați URL-uri diferite pentru conținut diferit într-o aplicație Angular. Procedând astfel, puteți marca adresele URL în funcție de conținutul lor specific, iar fiecare astfel de adresă URL care este marcată se numește rută în AngularJS.
8. Definiți interpolarea șirurilor în AngularJS.
În AngularJS, interpolarea șirurilor se referă la o sintaxă unică care utilizează expresii șablon în acolade {{ }} pentru afișarea datelor componente. Interpolarea șirurilor este adesea denumită „Sintaxă mustață”. Când utilizați această sintaxă, mai întâi trebuie să includeți expresiile JavaScript (care trebuie executate) în acoladele duble și apoi încorporează rezultatul relativ într-un cod HTML.
9. Definiți „Ciclul Digest” AngularJS.
Ciclul de digest se referă în esență la procesul de legare a datelor în AngularJS. În acest proces, versiunile vechi și noi ale valorilor modelului domeniului de aplicare sunt comparate și comparate. Deși ciclul de digest este declanșat automat, puteți folosi și „$apply()” pentru a începe manual procesul.
10. Care este diferența dintre legarea unidirecțională și legarea bidirecțională?
Legarea unidirecțională este utilizată pentru a lega datele de la model la vizualizare fără a actualiza automat șablonul sau vizualizarea HTML. Deci, în această abordare, trebuie să scrieți un cod personalizat pentru a actualiza șablonul HTML, care va actualiza în continuare vizualizarea de fiecare dată când datele sunt legate de la model la vizualizare.
Spre deosebire de aceasta, legarea bidirecțională leagă datele din model la vizualizare și invers, actualizând automat șablonul HTML fără a fi necesar să scrieți niciun cod personalizat.
11. Definiți funcția de legătură. Denumiți tipurile de funcții de legătură.
O legătură combină directivele cu un domeniu de aplicare pentru a produce o vizualizare live. Funcția de legătură este utilizată pentru înregistrarea ascultătorilor DOM și pentru actualizarea DOM-ului. Această funcție este executată imediat după ce șablonul este clonat.
Există două tipuri de funcții de legătură:
- Funcția de pre-legare – Această funcție este executată înainte ca elementele fiu să fie conectate și de obicei nu este o abordare sigură pentru transformarea DOM.
- Funcția de post linking – Această funcție este executată după ce elementele secundare sunt legate.
12. Ce este un injector în AngularJS?
Un injector este un localizator de servicii în AngularJS. Scopul principal al injectorului este de a primi instanțe de obiect care sunt definite de furnizori, metode de invocare, module de încărcare și tipuri de instanțiere. Fiecare aplicație Angular include un injector care ajută la căutarea instanțelor de obiect după numele lor.
13. Numiți diferitele forme de stil pe care ng-model le adaugă la clasele CSS.
Un model ng adaugă următoarele forme de stil la clasele CSS:
- ng- valid
- ng- invalid
- ng-pristine
- ng-murdar
14. Definiți injecția de dependență. Cum poate un obiect sau o funcție să-și acceseze dependențele?

Dependency Injection (DI) este un model de proiectare software care determină modul în care codul își poate prelua dependențele. Permite componentelor să-și acceseze dependențele în loc să le codifice în interiorul unei componente. Pentru a prelua elementele care trebuie configurate atunci când un modul este încărcat într-o aplicație, operația „config” folosește DI.
Un obiect sau o funcție își poate accesa dependențele în următoarele moduri:
- O dependență poate fi creată folosind un nou operator.
- O dependență poate fi căutată prin referire la o variabilă globală.
15. Numiți componentele care pot fi injectate ca dependență în AngularJS.
În AngularJS, puteți injecta următoarele componente unele în altele ca dependențe:
- Valoare
- Serviciu
- Fabrică
- Constant
- Furnizor
Găsiți răspunsuri și la această întrebare: De ce să deveniți un dezvoltator full stack?
16. Care sunt pașii implicați în procesul de compilare a HTML?
Procesul de compilare a HTML implică următorii pași:
- În primul rând, HTML-ul este analizat în DOM folosind API-ul standard al browserului.
- În pasul următor, apelul la metoda $compile() este folosit pentru a realiza compilarea DOM-ului. Metoda traversează DOM pentru a se potrivi cu directivele.
- Pasul final implică conectarea șablonului cu un domeniu de aplicare prin apelarea funcției de legătură returnată de la pasul anterior.
17. Ce este un serviciu în AngularJS?
Serviciile sunt funcții JavaScript care sunt concepute pentru a îndeplini sarcini specifice. De exemplu, funcția $https: este folosită pentru a efectua un apel AJAX pentru a obține datele serverului, în timp ce funcția $route este folosită pentru a defini informațiile de rutare. Există mai multe astfel de servicii care pot îndeplini sarcini specifice.
18. Definiți directiva în AngularJS. Denumiți diferitele tipuri de directive.
În AngularJS, o directivă este un comportament sau o funcție care este declanșată în timpul procesului de compilare atunci când sunt întâlnite anumite constructe HTML. Directivele sunt markeri pe elemente DOM (cum ar fi elemente, atribute, CSS etc.). De asemenea, le puteți utiliza pentru a crea etichete HTML personalizate care acționează ca widget-uri personalizate noi.
Cele patru tipuri principale de directive sunt:
- Directive elemente
- Directive de atribute
- Comentează directive
- Directivele clasei CSS
19. Faceți diferența între o adnotare și un Decorator în AngularJS.
În Angular, adnotările sunt singurul set de metadate al clasei care utilizează biblioteca Reflect Metadata pentru a crea o matrice de „adnotare”. Decoratorii, pe de altă parte, sunt modele de design care sunt folosite pentru a separa decorarea sau modificarea unei clase fără a modifica codul sursă original al unei aplicații.
20. Definiți controlere.
Controllerele sunt funcții JavaScript care sunt legate de un anumit domeniu. Scopul lor principal este de a oferi date și logică interfeței de utilizare HTML. Ei sunt actorii principali în cadrul AngularJS care controlează modul în care datele circulă de la server la UI HTML. În plus, controlorii au și funcții pentru a opera asupra datelor și pentru a determina ce vizualizare trebuie actualizată pentru a afișa datele actualizate bazate pe model.
21. Cum sunt menținute jurnalele în AngularJS?
Pentru a menține jurnalele, serviciul $log este utilizat în AngularJS. Scopul principal al serviciului $log este de a ajuta la depanare și depanare prin metodele menționate mai jos:
- log() – Este folosit pentru a scrie un mesaj de jurnal în consolă.
- info()- Este folosit pentru a scrie un mesaj informativ.
- warn()- Este folosit pentru a scrie un mesaj de avertizare.
- error()- Este folosit pentru a scrie un mesaj de eroare.
- debug()- Este folosit pentru a scrie un mesaj de depanare.
22. Definiți $rootscope în AngularJS. Cum diferă de Scope?
În AngularJS, atât $rootscope cât și $scope sunt obiecte care sunt utilizate în general pentru partajarea datelor de la controler pentru a le vizualiza. Cu toate acestea, cele două sunt destul de diferite. Principalul punct de diferență dintre $rootscope și $scope este că, în timp ce primul este disponibil la nivel global pe toate controlerele, $scope este disponibil numai în controlerele care l-au creat împreună cu controlerele lor copii.
23. Numiți câteva browsere pe care AngularJS le acceptă.
Iată câteva dintre browserele care sunt acceptate de AngularJS:
- Mozilla Firefox
- Google Chrome
- Microsft Edge
- IE Mobile
- Safari (iOS)
- IE 10,11
24. Cum puteți activa modul HTML5 în Angular 1.x?
Pentru a activa modul HTML5 în Angular 1.x, trebuie să rulați codul de mai jos:
angular.module('myApp', [ ])
.config(funcție($routeProvider, $locationProvider) {
$routeProvider
.când('/', {
templateUrl : „partials/home.html”,
controler: mainController
})
// folosiți API-ul Istoric HTML5
$locationProvider.html5Mode(true);
});
25. Denumiți validatorii încorporați în AngularJS.
AngularJS acceptă toate atributele standard HTML5 pentru validarea intrărilor. Iată câteva dintre validatorii încorporați în AngularJS:
- Min
- Max
- Necesar
- Tastați="număr" SAU tip="e-mail"
26. Cum se efectuează un apel AJAX folosind AngularJS?
Puteți utiliza serviciul $https: din AngularJS pentru a efectua un apel AJAX pentru a citi date de pe server. AngularJS necesită ca datele să fie în format JSON. Serverul creează un apel la baza de date pentru a prelua înregistrările dorite. Odată ce datele sunt gata, serviciul $https: poate fi folosit pentru a prelua datele de pe server, astfel:
function studentController($scope,$https:) {
var url = „data.txt”;
$https:.get(url).success(funcție(răspuns) {
$scope.students = raspuns;
});
}
27. Ce este internalizarea în AngularJS?
În AngularJS, internaționalizarea se referă la metoda utilizată pentru afișarea informațiilor specifice locației pe un site web. De exemplu, un site web care afișează conținut în limba engleză în Statele Unite și daneză în Franța trebuie să fie internalizat în funcție de locație.
AngularJS oferă suport de internaționalizare încorporat pentru trei tipuri de filtre:
- Data
- Numerele
- Valută
28. Descrieți pașii procesului de pornire AngularJS.
Când încărcați o pagină într-un browser, începe procesul de pornire AngularJS. Pașii implicați sunt următorii:

- Fișierul document HTML este încărcat și evaluat de browser. Apoi, fișierul JavaScript AngularJS este încărcat și este creat un obiect global.
- În pasul următor, este executat fișierul JavaScript responsabil pentru înregistrarea funcțiilor controlerului.
- AngularJS scanează HTML pentru a găsi aplicații și vizualizări AngularJS. Când reușește să găsească o vedere, conectează acea vedere particulară la funcția de control corespunzătoare.
- În cele din urmă, AngularJS execută funcțiile controlerului și redă vizualizările cu date din modelul populat de controler, iar pagina este gata pentru a fi vizualizată de utilizator.
29. Ce scop servesc filtrele în AngularJS?
Filtrele sunt folosite pentru formatarea valorii unei expresii și afișează același lucru pentru utilizator. În AngularJS, filtrele sunt adăugate la șabloane, directive, controlere și servicii. De asemenea, puteți crea filtre personalizate. Folosind filtre, puteți organiza datele în așa fel încât valoarea datelor să fie afișată numai atunci când îndeplinește un anumit criteriu. Filtrele sunt adăugate la expresiile unghiulare folosind „|” caracter urmat de un filtru
Concluzie
Așadar, iată cele 29 de întrebări și răspunsuri cele mai frecvent adresate la interviu AngularJS care vă vor ajuta să spargeți gheața cu AngularJS.
Dacă sunteți interesat să aflați mai multe despre, AngularJS, dezvoltarea stivă completă, consultați Diploma PG de la upGrad și IIIT-B în Dezvoltare software full-stack, care este concepută pentru profesioniști care lucrează și oferă peste 500 de ore de formare riguroasă, peste 9 proiecte și misiuni, statutul de absolvenți IIIT-B, proiecte practice practice și asistență pentru locuri de muncă cu firme de top.
Învățare fericită!