48 Preguntes i respostes principals de l'entrevista d'AngularJS (LLISTA 2021)

48 top angularjs interview questions

Llista de preguntes més freqüents sobre les entrevistes a AngularJS amb respostes detallades per a professionals de la nova edat i amb experiència:

AngularJS és un dels marcs de desenvolupament web més actuals a tot el món.

En gairebé totes les entrevistes, haureu de lluitar amb una competència ferotge per assolir el màxim nivell i aconseguir el vostre lloc de treball somiat. Per tant, us heu de preparar amb suficient antelació.

Per donar-vos suport en aquest viatge, hem elaborat una llista de les preguntes més freqüents sobre les entrevistes d’AngularJS juntament amb les respostes que l’entrevistador espera en el moment de l’entrevista.

Llegiu el nostre document sèrie de tutorials d'AngularJS per obtenir més coneixement del concepte. Eina de transportador per a proves d'AngularJS Aplicacions es va explicar al nostre tutorial anterior.

Preguntes més freqüents sobre l'entrevista d'AngularJS

A continuació es mostra una llista de les principals preguntes i respostes de l'entrevista a AngularJS per ajudar qualsevol persona a esborrar una entrevista amb èxit.

Explorem !!

P # 1) Què enteneu per AngularJS?

Resposta: AngularJS és un framework JavaScript que s’utilitza per crear aplicacions web riques i extensibles.

Funciona amb JavaScript i HTML simples, de manera que no necessiteu cap altra dependència perquè funcioni. AngularJS és perfecte per a aplicacions de pàgina única (SPA). Bàsicament s’utilitza per enllaçar objectes JavaScript amb elements d’interfície d’usuari HTML.

Q # 2) Definiu les característiques d'AngularJS.

Resposta: Les funcions inclouen:

• La plantilla (visualització)
• L'abast (model)
• El controlador (controlador)
• Serveis
• Filtres
• Directrius

P # 3) Definiu la vinculació de dades.

Resposta: L’enllaç de dades és una sintonització automàtica de dades entre els components de visualització i model.

Q # 4) Distingir entre expressions AngularJS i JavaScript.

Resposta: Hi ha diverses diferències entre les expressions AngularJS i JavaScript:

• Podem escriure expressions AngularJS en HTML, però no podem escriure expressions JavaScript en HTML.
• No podem utilitzar iteracions, bucles i excepcions condicionals a AngularJS, però podem utilitzar totes aquestes propietats condicionals en expressions JavaScript.
• Els filtres són compatibles amb AngularJS, mentre que els filtres no són compatibles amb JavaScript.

Q # 5) Escriviu tots els passos per configurar un n Aplicació angular (integrada a l'aplicació).

Resposta: per configurar una aplicació angular hem de seguir certs passos, tal com s'esmenta a continuació:

• angular.module es crearà al principi.
• S'assignarà un controlador al mòdul.
• El mòdul s’enllaçarà amb la plantilla HTML (és a dir, interfície d’usuari o visualització) amb una aplicació angular (ng-app).
• La plantilla HTML s’enllaçarà amb el controlador (és a dir, JS) amb una directiva ng-controller.

Q # 6) Què són els mòduls angulars?

Resposta: Els mòduls angulars defineixen col·lectivament una aplicació angular on podem escriure el codi angular. Els mòduls contenen les diferents parts d’una aplicació angular. La funció angular.module crea un mòdul a angular.

P # 7) Quins són els àmbits directius d'AngularJS?

Resposta: Hi ha tres àmbits directius disponibles a AngularJS.

Ells són:

• Abast principal: Qualsevol canvi que feu a la vostra directiva que provingui de l’àmbit principal, també es reflectirà en l’àmbit principal i també és un abast predeterminat.
• Abast infantil: És un abast imbricat que hereta una propietat de l'abast principal. A més, si algunes propietats i funcions de l’abast no estan connectades amb la directiva d’abast principal, es crea una nova directiva d’abast fill.
• Abast aïllat: Es pot reutilitzar i s’utilitza quan construïm una directiva autònoma. Només s'utilitza per a ús privat i intern, cosa que significa que no conté cap propietat de l'abast principal.

Q # 8) Com podem compartir les dades entre els controladors d'AngularJS?

Resposta: En primer lloc, hem de crear un servei. El servei s’utilitza per compartir les dades entre els controladors d’AngularJS d’una manera molt lúcida, fàcil i ràpida. Utilitzem esdeveniments, $ parent, germà següent i controlador mitjançant un $ rootScope.

P # 9) Quin és el cicle de digestió a AngularJs?

Resposta: Forma part del procés d’unió de dades a AngularJS. Compara les versions antiga i nova del valor del model d’abast en cada cicle de resum.

El cicle de digestió s’activa automàticament. També podem millorar la usabilitat mitjançant $ apply () si volem activar el cicle de digestió manualment.

Q # 10) Expliqueu les diferències entre l’enquadernació unidireccional i l’enllaç bidireccional.

Resposta: L’enllaç unidireccional s’utilitza per enllaçar les dades del model a visualitzar-les sense actualitzar la plantilla HTML ni visualitzar-les automàticament.

Per tant, per tal d’actualitzar la plantilla HTML, hem d’escriure un codi personalitzat que actualitzarà la visualització cada vegada que s’uneixin dades del model a la visualització.

Mentre que, l'enllaç bidireccional s'utilitza per enllaçar les dades del model a visualitzar i viceversa (és a dir, veure a model) actualitzant automàticament la plantilla HTML sense escriure cap codi personalitzat.

Q # 11) Diferència entre sessionStorage, cookies i localStorage.

Resposta: Les diferències són les següents:

• SessionStorage - Les dades s’emmagatzemen per a una sessió concreta. Les dades es perdran cada vegada que es tancarà la pestanya del navegador o després d’una sessió concreta. La mida màxima emmagatzemada pot arribar a ser de fins a 5 MB.
• LocalStorage - Les dades s’emmagatzemen sense data de caducitat. Les dades només es poden esborrar mitjançant JavaScript o esborrant la memòria cau del navegador. El límit d’emmagatzematge és màxim que el sessionStorage i la cookie.
• Cookies - Emmagatzema les dades que s’han d’enviar al servidor amb algunes sol·licituds. La caducitat de la galeta varia segons el tipus i la durada establerts des del costat del servidor o del client. La mida màxima emmagatzemada pot ser inferior a 4KB.

P # 12) Quin és el paper de $ routeProvider a AngularJS?

Resposta: És el $ routeProvider que ajuda a navegar entre diferents pàgines / enllaços sense carregar la pàgina / enllaç per separat cada vegada que un usuari fa clic en un enllaç.

El mètode ngRoute config () s’utilitza per configurar routeProvider.

P # 13) Quina diferència hi ha entre $ scope i scope?

Resposta: A AngularJS, $ scope s'utilitza per aconseguir una injecció de dependència i l'abast s'utilitza per enllaçar entre View (és a dir, HTML) i Controller (és a dir, JS).

P # 14) Com s’utilitzen els prefixos AngularJS $ i $$?

Resposta: La variable $$ d'AngularJS s'utilitza com a variable privada, ja que s'utilitza per evitar col·lisions accidentals de codi amb el codi d'usuari.

Mentre que, el prefix $ es pot utilitzar per indicar funcionalitats del nucli angular (com ara una variable, paràmetre, propietat o mètode).

P # 15) On podem implementar la manipulació DOM a AngularJS?

Resposta: La manipulació del DOM es troba en directives i, a part d’això, no hauria d’existir als serveis del controlador ni en cap altre lloc.

P # 16) Com podem demostrar que una variable d’àmbit només ha de tenir vinculació única?

Resposta: Per mostrar un enllaç puntual hem d’utilitzar “ :: ”Davant l’abast.

P # 17) Què és l'SPA (sol·licitud d'una sola pàgina) a AngularJS?

Resposta: És una aplicació web que carrega una sola pàgina HTML i actualitza dinàmicament la pàgina a mesura que l'usuari es connecta amb l'aplicació.

Mitjançant l'ús d'AJAX i HTML, SPA pot crear una aplicació web fluida i sensible sense recarregar pàgines invariants. Mitjançant això, podem crear una IU sensible sense parpellejar de pàgina.

P # 18) Quants tipus d’enllaços de dades hi ha a AngularJS?

Resposta: AngularJS admet enllaços unidireccionals i bidireccionals.

D'una manera, si canvieu el model de dades, no hi haurà cap canvi dinàmic que veureu a la vista, sinó que hi haurà un canvi dinàmic sempre que es faci un canvi al model de dades.

P # 19) Quines són les directrius vinculants a AngularJs?

Resposta: Les directives vinculants inclouen:

• ng-bind
• ng-bind-html
• ng-bind-template
• de no vinculants
• ng-model

Q # 20) Expliqueu les directives ng-bind i ng-bind-html.

Resposta:

ng-bind : És una directiva que substitueix el contingut de l'element HTML pel valor de la variable o expressió assignada.

El contingut de l'element HTML canviarà canviant el valor de la variable o de l'expressió.

És com ({{expression}}) i la sintaxi per a això és,

ng-bind-html : És una directiva que vincula el contingut a l'element HTML (visualització) d'una manera segura. El servei $ sanitize s'utilitza per sanejar el contingut per enllaçar-lo a un element HTML. Per fer-ho, cal incloure a la nostra sol·licitud 'angular-sanitize.js'.

java vs c ++ que és millor

Sintaxi per escriure això,

Q # 21) Expliqueu ng-bind-template i ng-non-bindable.

Resposta:

ng-bind-template : Substitueix el contingut del text de l'element per interpolació de la plantilla. Pot contenir múltiples marques dobles arrissades.

No vinculable : Especifica AngularJS per no compilar el contingut d'aquest element HTML i els seus nodes secundaris.

Q # 22) Expliqueu la directiva ng-model a AngularJs.

Resposta: Això pot ser un salt amb el control de formulari d'entrada HTML personalitzat (com ara l'entrada, àrea de text i selecció) a les dades de l'aplicació. Proporciona un comportament de validació de formularis amb unió bidireccional.

Q # 23) Definiu el mètode Factory a AngularJS.

Resposta: És força similar al servei, les fàbriques implementen un patró de mòduls en què utilitzem un mètode de fàbrica per generar un objecte que s’utilitza per construir models.

En una fàbrica, un objecte de mètode es torna al final creant un objecte nou i afegint funcions com a propietats.

Sintaxi :

P # 24) Què és la directiva ng-repeat a AngularJS?

Resposta: Representa o repeteix una col·lecció d’elements i crea elements DOM. Supervisa regularment la font de dades per tornar a representar una plantilla en resposta a un canvi.

Sintaxi:

P # 25) Què és un controlador a AngularJS?

Resposta: Un controlador és una funció JavaScript que està lligada a l’àmbit especificat. Angular instancia el nou objecte del controlador i injecta el nou abast com a dependència.

Es pot utilitzar un controlador per configurar l'estat inicial de l'objecte d'abast i per afegir comportament a l'objecte. No es pot utilitzar un controlador per compartir codi o estat entre els controladors, però en lloc d’aquest servei es pot utilitzar.

P # 26) Què són els filtres a AngularJS?

Resposta: El treball principal dels filtres és modificar les dades, de manera que es puguin fusionar en una expressió o directiva mitjançant un caràcter de canonada (s’utilitza per aplicar filtres en un símbol angular d’una canonada que és (|) o aquest és el símbol).

Un filtre dóna format a l'usuari del valor d'una expressió per a una pantalla. Es poden utilitzar en plantilles de visualització, controladors o serveis, i també podem crear fàcilment el nostre propi filtre. Un filtre és un mòdul proporcionat per AngularJS. Hi ha nou components d’un filtre que proporciona.

Exemples: moneda, data, filtre, JSON, limitTo, etc.

P # 27) Què és la directiva ng-App a AngularJS?

Resposta: S'utilitza per definir l'aplicació AngularJs. Designa l'element arrel de l'aplicació i es manté a prop de l'etiqueta o.

Podem definir qualsevol nombre de directives ng-app dins del document HTML, però només es pot arrencar una aplicació AngularJS automàticament (arrencar automàticament) i les altres aplicacions s’han d’arrencar manualment.

Exemple:

P # 28) Què és el ng-switch a AngularJS?

Resposta: S'utilitza per intercanviar condicionalment l'estructura de DOM en una plantilla que es basa en una expressió basada en l'àmbit.

Aquesta directiva us permet mostrar o amagar l'element HTML en funció de l'expressió.

P # 29) Què utilitza un esdeveniment de doble clic a AngularJs?

Resposta: Us permet especificar el comportament personalitzat en un esdeveniment de doble clic del ratolí en una pàgina web. El podem utilitzar (ng-dblclick) com a atribut de l’element HTML com,

P # 30) Què són les directives ng-include i ng-click a AngularJs?

Resposta:

ng-include ajuda a incloure diferents fitxers a la pàgina principal. La directiva ng-include inclou HTML d’un fitxer extern.

El contingut inclòs s'inclourà com a nodes secundaris de l'element especificat. El valor de l'atribut ng-include també pot ser una expressió, retornant un nom de fitxer.

Per defecte, el fitxer inclòs s’ha de trobar al mateix domini que el document.

ng-click es pot utilitzar en escenaris com quan feu clic a un botó o quan voleu fer qualsevol operació. Indica a AngularJS què cal fer quan es fa clic a un element HTML.

Exemple:

El codi anterior augmentarà la variable de recompte en una cada vegada que es faci clic al botó.

Q # 31) Què és una transferència d'estats representatius (REST) ​​a AngularJs?

Resposta: REST és un estil API que funciona a través de la sol·licitud HTTP.

L'URL sol·licitat identifica les dades que s'han d'operar i el mètode HTTP identifica l'operació que s'ha de realitzar. REST és un estil d’API més que una especificació formal i hi ha molts debats i desacords sobre el que és i no RESTful, que és un terme que s’utilitza per indicar una API que segueix l’estil REST.

AngularJS és flexible sobre com es consumeixen els serveis web RESTful.

P # 32) Què són les API globals d'AngularJs?

Resposta: És una combinació de funció JavaScript global que s’utilitza per realitzar tasques com comparar objectes, iterar objectes i convertir dades.

Hi ha algunes funcions comunes de l'API com:

• angular. minúscula: Converteix una cadena en cadena minúscula.
• angular. majúscula: Converteix una cadena en cadena en majúscula.
• angular. isString: Es tornarà cert si la referència actual és una cadena.
• angular. isNumber: Es tornarà cert si la referència actual és un número.

P # 33) Què és un mètode de proveïdor a AngularJs?

Resposta: Un proveïdor és un objecte que crea un objecte de servei permetent tenir més control.

El mètode $ get () s'utilitza al proveïdor que retorna l'objecte de servei. El nom del servei i la funció de fàbrica són els arguments que es transmeten al mètode del proveïdor. AngularJS utilitza $ provide per registrar nous proveïdors.

Sintaxi:

P # 34) Què és la gestió d'esdeveniments?

Resposta: El tractament d'esdeveniments a AngularJs és molt útil quan voleu crear aplicacions avançades d'AngularJs.

Hem de gestionar esdeveniments DOM, com ara clics del ratolí, moviments, tecles, canviar esdeveniments, etc. AngularJs té algunes directives d’oient com ng-click, ng-dbl-click, ng-mousedown, ng-keydown, ng-keyup, etc.

P # 35) Què és AngularJs DOM?

Resposta: AngularJs té algunes directrius que s’utilitzen per encapsular les dades de l’aplicació AngularJs a un atribut desactivat dels elements HTML.

Exemple: La directiva ng-disabled encapsula les dades de l'aplicació als atributs desactivats de l'element HTML DOM.

P # 36) Quins són els atributs que es poden utilitzar durant la creació d'una nova directiva AngularJs?

Resposta: Hi ha diversos atributs que es poden utilitzar durant una nova creació de directives.

Inclouen:

1. Plantilla: Descriu una plantilla en línia com una cadena.
2. URL de la plantilla: Aquest atribut especifica el compilador HTML d'AngularJs per substituir la directiva personalitzada dins d'una plantilla pel contingut HTML situat dins d'un fitxer independent.
3. Substitueix: Substitueix l'element actual si la condició és certa si és falsa afegiu aquesta directiva a l'element actual.
4. Transclude: Us permet moure els fills originals d’una directiva a una ubicació dins de la nova plantilla.
5. Abast: Crea un nou abast per a aquesta directiva en lloc d’heretar l’abast principal.
6. Controlador: Crea un controlador que publica una API per comunicar-se a través de les directives.
7. Requereixen: Requereix que hi hagi una altra directiva per funcionar de manera eficient amb la directiva actual.
8. Enllaç: Es modifica el resultat de les instàncies d’elements DOM, afegeix oients d’esdeveniments i estableix un enllaç de dades.
9. Compila: Modifica la plantilla DOM per a les funcions de les còpies d’una directiva, com s’utilitza en altres directives. La funció de compilació també pot retornar funcions d'enllaç per modificar les instàncies de l'element resultants.

P # 37) Els controladors imbricats són possibles o no a AngularJs?

Resposta: Sí, és possible, ja que els controladors imbricats estan ben definits de manera classificada mentre s’utilitza una vista.

P 38) AngularJS és adequat per a tots els navegadors?

Resposta: Sí, és compatible amb tots els navegadors com Safari, Chrome, Mozilla, Opera, IE, etc., així com amb navegadors mòbils.

P 39) Definiu serveis a AngularJS.

Resposta: Els serveis AngularJS són els objectes o funcions singleton que s’utilitzen per dur a terme tasques definides. Abasta algunes idees corporatives i aquests propòsits es poden anomenar controladors, directives, filtres, etc.

P 40) Expliqueu els avantatges d'AngularJS.

Resposta: Els avantatges inclouen:

• Admet la forma MVC.
• Organitzeu dues formes d’enllaç de dades mitjançant AngularJS.
• Admet la comunicació mútua client-servidor.
• Admet simulacions.

P # 41) Diferència entre serveis i fàbrica.

Resposta: Les fàbriques són funcions que retornen l'objecte, mentre que els serveis són funcions constructores de l'objecte que utilitza una nova paraula clau.

Sintaxi:

Fàbrica - module.factory ('factoryName', funció);

Servei - module.service ('serveiNom', funció);

P # 42) Si tant la fàbrica com el servei són equivalents, llavors quan els he d’utilitzar?

Resposta: El proveïdor de fàbrica es prefereix mitjançant un objecte, mentre que un proveïdor de serveis es prefereix amb classe.

Q # 43) Diferència entre AngularJS i React.JS.

Resposta: AngularJS és un framework JS basat en el llenguatge TypeScript publicat a l'octubre de 2010 per Google. Es tracta d’un framework completament lliure i de codi obert que s’utilitza en projectes SPA (és a dir, projectes d’aplicació de pàgina única).

React.JS és una biblioteca javascript desenvolupada per Facebook el març de 2013 per construir la interfície d’usuari. Els components React es poden utilitzar en diverses pàgines, però no com a SPA (és a dir, aplicació d’una sola pàgina).

Q # 44) Diferència entre la directiva ng-bind i ng-model.

Resposta: La directiva ng-bind té enllaços de dades unidireccionals, les dades només flueixen de l’objecte a la interfície d’usuari, no a l’inrevés (és a dir, $ scope >> view) i la directiva ng-model té enllaços de dades bidireccionals, els fluxos de dades entre la interfície d’usuari i l’objecte versa (és a dir, $ scope >> veure i visualitzar >> $ scope).

Q # 45) Quina diferència hi ha entre AJAX i AngularJS?

Resposta: AJAX significa JavaScript asíncron que s’utilitza per enviar i obtenir respostes del servidor sense carregar la pàgina.

Mentre que, AngularJS és un marc JavaScript basat en llenguatge mecanografiat que segueix el patró MVC.

Q # 46) Definiu ng-if, ng-show i ng-hide.

Resposta: La directiva ng-if s'utilitza com si la clàusula elimini l'element HTML si l'expressió esdevé falsa.

Sintaxi

La directiva ng-show s’utilitza per mostrar l’element HTML si l’expressió esdevé certa. I si l'expressió es fa falsa, l'element HTML s'amagarà.

Sintaxi

La directiva ng-hide s'utilitza per amagar l'element HTML si l'expressió es fa falsa.

Sintaxi

Tant ng-show com ng-hide utilitzen el mètode de propietat de visualització.

Q # 47) Quina diferència hi ha entre ngRoute i ui-router?

Resposta: ngRoute és un mòdul desenvolupat per l'equip angularJS que formava part del marc angularJS bàsic. Mentre que ui-router va ser desenvolupat per una comunitat de tercers per superar els problemes de ngRoute.

ngRoute és un encaminament basat en una ubicació o URL, i ui-router és un encaminament basat en estats que permet visualitzacions imbricades.

Q # 48) Com configurar, obtenir i esborrar galetes a AngularJs?

Resposta: AngularJS té un mòdul anomenat ngCookies, de manera que abans d’injectar ngCookies s’han d’incloure angular-cookies.js a l’aplicació.

• Estableix galetes - El mètode Put s’utilitza per configurar les cookies en un format valor-clau.

• Obteniu galetes: El mètode Get es fa servir per obtenir cookies.

• Esborra les galetes: El mètode d’eliminació s’utilitza per eliminar les cookies.

Conclusió

Estic segur que aquest article us hauria ajudat a entendre els conceptes bàsics i el nivell avançat d’AngularJS.

es pot fer una gran quantitat d'objectes a Java

Aquest conjunt de preguntes i respostes de les entrevistes a AngularJS que s'enumeren aquí us permetran trencar qualsevol entrevista d'AngularJS amb èxit a un nivell d'experiència més fresc. Aquestes són les preguntes més freqüents que es fan a les entrevistes. Això és tot per ara.

Aquest article us ajudarà a trencar i afrontar qualsevol entrevista relacionada amb AngularJS. Espero que hagi gaudit de tota la gamma de tutorials d'aquesta sèrie AngularJS.

PREV Tutorial

Lectura recomanada

• Preguntes i respostes de l’entrevista
• Preguntes i respostes d’entrevistes de proves ETL
• Algunes preguntes i respostes de proves manuals complicades
• 25 millors preguntes i respostes d’entrevista de proves àgils
• Preguntes d'entrevistes de Spock amb respostes (més populars)
• Algunes preguntes d’entrevistes de proves de programari interessants
• Top 20+ Preguntes i respostes de l’entrevista .NET
• Top 51 preguntes i respostes de l’entrevista Bootstrap