48 principali domande e risposte per l'intervista di AngularJS (2021 LIST)

48 top angularjs interview questions

Elenco delle domande di intervista AngularJS più frequenti con risposte dettagliate per matricole e professionisti esperti:

AngularJS è uno dei framework di sviluppo web più attuali in tutto il mondo.

In quasi tutti i colloqui, dovrai lottare con una forte concorrenza, al fine di raggiungere alti e ottenere il lavoro dei tuoi sogni. Quindi, dovresti prepararti con largo anticipo.

Per supportarti in questo viaggio, abbiamo disegnato un elenco delle domande più frequenti dell'intervista ad AngularJS insieme alle risposte che il tuo intervistatore si aspetta al momento dell'intervista.

Leggi il nostro serie di tutorial AngularJS per una maggiore conoscenza del concetto. Strumento goniometro per test di AngularJS App è stato spiegato nel nostro precedente tutorial.

Domande di intervista AngularJS più frequenti

Di seguito è riportato un elenco delle principali domande e risposte dell'intervista su AngularJS per aiutare chiunque a cancellare un'intervista con successo.

Esploriamo !!

D # 1) Cosa capisci da AngularJS?

Risposta: AngularJS è un framework JavaScript utilizzato per creare applicazioni web ricche ed estensibili.

Funziona su JavaScript e HTML semplici, quindi non hai bisogno di altre dipendenze per farlo funzionare. AngularJS è perfetto per le applicazioni a pagina singola (SPA). Fondamentalmente viene utilizzato per associare oggetti JavaScript con elementi dell'interfaccia utente HTML.

Q # 2) Definisci le caratteristiche di AngularJS.

Risposta: le caratteristiche includono:

• The Template (Visualizza)
• The Scope (modello)
• Il Titolare (Controller)
• Servizi
• Filtri
• Direttive

D # 3) Definire l'associazione dati.

Risposta: Il data binding è una sintonizzazione automatica dei dati tra la vista e i componenti del modello.

D # 4) Distinguere tra espressioni AngularJS e JavaScript.

Risposta: ci sono molte differenze tra AngularJS e le espressioni JavaScript:

• Possiamo scrivere espressioni AngularJS in HTML, ma non possiamo scrivere espressioni JavaScript in HTML.
• Non possiamo usare iterazioni condizionali, cicli ed eccezioni in AngularJS, ma possiamo usare tutte queste proprietà condizionali nelle espressioni JavaScript.
• I filtri sono supportati in AngularJS mentre i filtri non sono supportati in JavaScript.

D # 5) Scrivi tutti i passaggi per configurare un file n App Angular (in-app).

Risposta: per configurare un'app Angular dobbiamo seguire alcuni passaggi come indicato di seguito:

• angular.module verrà creato inizialmente.
• Al modulo verrà assegnato un controller.
• Il modulo sarà collegato al template HTML (es. UI o View) con un'app angolare (ng-app).
• Il modello HTML sarà collegato al controller (cioè JS) con una direttiva ng-controller.

Q # 6) Cosa sono i moduli angolari?

Risposta: I moduli angolari definiscono collettivamente un'applicazione angolare in cui possiamo scrivere il codice angolare. I moduli contengono le diverse parti di un'applicazione angolare. Un modulo viene creato dalla funzione angular.module in angular.

D # 7) Quali sono gli ambiti della direttiva in AngularJS?

Risposta: Tre ambiti di direttiva sono disponibili in AngularJS.

Sono:

• Ambito genitore: Qualunque modifica apportate alla direttiva che proviene dall'ambito padre, si rifletterà anche nell'ambito padre, ed è anche un ambito predefinito.
• Ambito figlio: È un ambito nidificato che eredita una proprietà dall'ambito padre. Inoltre, se una qualsiasi proprietà e funzione sull'ambito non è collegata alla direttiva dell'ambito padre, viene creata una nuova direttiva dell'ambito figlio.
• Ambito isolato: È riutilizzabile e viene utilizzato quando creiamo una direttiva autonoma. Viene utilizzato solo per uso privato e interno, il che significa che non contiene alcuna proprietà dell'ambito padre.

D # 8) Come possiamo condividere i dati tra i controllori in AngularJS?

Risposta: Innanzitutto, dobbiamo creare un servizio. Il servizio viene utilizzato per condividere i dati tra i controllori in AngularJS in modo molto chiaro, semplice e veloce. Usiamo eventi, $ parent, next sibling e controller usando $ rootScope.

D # 9) Qual è il ciclo di digest in AngularJs?

Risposta: Fa parte del processo di associazione dei dati in AngularJS. Confronta le versioni vecchie e nuove del valore del modello di ambito in ogni ciclo di digest.

Il ciclo di digestione viene attivato automaticamente. Possiamo anche migliorare l'usabilità usando $ apply () se vogliamo attivare manualmente il ciclo digest.

D # 10) Spiega le differenze tra rilegatura unidirezionale e rilegatura bidirezionale.

Risposta: L'associazione unidirezionale viene utilizzata per associare i dati dal modello alla visualizzazione senza aggiornare automaticamente il modello HTML o la visualizzazione.

Pertanto, per aggiornare il modello HTML, è necessario scrivere un codice personalizzato che aggiornerà la vista ogni volta che un dato viene associato da modello a vista.

Considerando che, l'associazione a due vie viene utilizzata per associare i dati dal modello alla visualizzazione e viceversa (ovvero dalla visualizzazione al modello) aggiornando automaticamente il modello HTML senza scrivere alcun codice personalizzato.

D # 11) Differenza tra sessionStorage, cookies e localStorage.

Risposta: le differenze sono le seguenti:

• SessionStorage - I dati vengono memorizzati per una particolare sessione. I dati andranno persi alla chiusura della scheda del browser o dopo una sessione particolare. La dimensione massima memorizzata può essere fino a 5 MB.
• Memoria locale - I dati vengono memorizzati senza data di scadenza. I dati possono essere cancellati solo da JavaScript o svuotando la cache del browser. Il limite di archiviazione è massimo di sessionStorage e cookie.
• Biscotti - Memorizza i dati che devono essere rispediti al server con alcune richieste. La scadenza del cookie varia in base al tipo e alla durata impostati dal lato server o dal lato client. La dimensione massima memorizzata può essere inferiore a 4KB.

D # 12) Qual è il ruolo di $ routeProvider in AngularJS?

Risposta: È $ routeProvider che aiuta a navigare tra pagine / collegamenti diversi senza caricare separatamente la pagina / collegamento ogni volta che un utente fa clic su un collegamento.

Il metodo ngRoute config () viene utilizzato per configurare routeProvider.

D # 13) Qual è la differenza tra $ scope e scope?

Risposta: In AngularJS, $ scope viene utilizzato per ottenere l'inserimento delle dipendenze e lo scope viene utilizzato per il collegamento tra View (cioè HTML) e Controller (cioè JS).

D # 14) Come vengono utilizzati i prefissi $ e $$ di AngularJS?

Risposta: La variabile $$ in AngularJS viene utilizzata come variabile privata, poiché viene utilizzata per prevenire la collisione accidentale del codice con il codice utente.

Considerando che, $ prefix può essere utilizzato per denotare funzionalità di base angolare (come una variabile, un parametro, una proprietà o un metodo).

D # 15) Dove possiamo implementare la manipolazione DOM in AngularJS?

Risposta: La manipolazione del DOM è nelle direttive e, a parte questo, non dovrebbe esistere nei servizi del controller o altrove.

D # 16) Come possiamo dimostrare che una variabile di ambito dovrebbe avere solo un legame una tantum?

Risposta: Per mostrare il vincolo una tantum dobbiamo utilizzare ' :: 'Davanti all'ambito.

Q # 17) Cos'è SPA (Single Page Application) in AngularJS?

Risposta: È un'applicazione web che carica una singola pagina HTML e aggiorna dinamicamente la pagina quando l'utente si connette all'app.

Utilizzando AJAX e HTML è possibile creare un'app Web fluida e reattiva da SPA senza ricaricare le pagine invarianti. In questo modo, possiamo rendere l'interfaccia utente reattiva senza sfarfallio della pagina.

D # 18) Quanti tipi di data binding ci sono in AngularJS?

Risposta: AngularJS supporta l'associazione sia unidirezionale che bidirezionale.

In un modo vincolante se modifichiamo il modello dati, non ci sarà alcuna modifica dinamica che vedrai in vista, ma in due modi vincolanti, ci sarà un cambiamento dinamico ogni volta che verrà apportata una modifica nel modello dati.

Q # 19) Quali sono le direttive vincolanti in AngularJs?

Risposta: le direttive vincolanti includono:

• ng-bind
• ng-bind-html
• ng-bind-template
• di non associabili
• ng-model

D # 20) Spiega le direttive ng-bind e ng-bind-html.

Risposta:

ng-bind : È una direttiva che sostituisce il contenuto dell'elemento HTML con il valore della variabile o dell'espressione assegnata.

Il contenuto dell'elemento HTML cambierà cambiando il valore della variabile o dell'espressione.

È come ({{espressione}}) e la sintassi per questo è,

ng-bind-html : È una direttiva che lega il contenuto all'elemento HTML (visualizzazione) in modo sicuro. Il servizio $ sanitize viene utilizzato per disinfettare il contenuto da associare a un elemento HTML. Per fare questo, 'angular-sanitize.js' deve essere incluso nella nostra applicazione.

qual è il miglior convertitore video gratuito

Sintassi per scrivere questo,

D # 21) Spiega ng-bind-template e ng-non-bindable.

Risposta:

ng-bind-template : Sostituisce il contenuto testuale dell'elemento mediante interpolazione del modello. Può contenere più markup double curly.

Non associabile : Specifica AngularJS di non compilare il contenuto di questo elemento HTML e dei suoi nodi figlio.

D # 22) Spiega la direttiva ng-model in AngularJs.

Risposta: Questo può essere un salto di qualità con il controllo del modulo di input HTML personalizzato (come input, textarea e select) ai dati dell'applicazione. Fornisce un comportamento di convalida del modulo con associazione a due vie.

Q # 23) Definisci il metodo Factory in AngularJS.

Risposta: È abbastanza simile al servizio, le fabbriche implementano un modello di modulo in cui utilizziamo un metodo di fabbrica per generare un oggetto che viene utilizzato per la creazione di modelli.

In una factory, un oggetto metodo viene restituito alla fine creando un nuovo oggetto e aggiungendo funzioni come proprietà.

Sintassi :

D # 24) Cos'è la direttiva ng-repeat in AngularJS?

Risposta: Esegue il rendering o l'iterazione su una raccolta di elementi e crea elementi DOM. Monitora regolarmente l'origine dei dati per eseguire nuovamente il rendering di un modello in risposta a una modifica.

Sintassi:

D # 25) Cos'è un controller in AngularJS?

Risposta: Un controller è una funzione JavaScript associata all'ambito specificato. Angular crea un'istanza del nuovo oggetto controller e inietta il nuovo ambito come dipendenza.

Un controller può essere utilizzato per impostare lo stato iniziale dell'oggetto ambito e per aggiungere un comportamento all'oggetto. Non è possibile utilizzare un controller per condividere il codice o lo stato tra i controller, ma è possibile utilizzare invece il servizio Angular.

Q # 26) Cosa sono i filtri in AngularJS?

Risposta: Il lavoro principale dei filtri è quello di modificare i dati, in modo che possano essere uniti in un'espressione o direttiva utilizzando un carattere pipe (è usato per applicare filtri in un simbolo angolare di una pipe che è (|) o questo è il simbolo).

Un filtro formatta il valore di un'espressione per una visualizzazione all'utente. Possono essere utilizzati in modelli di visualizzazione, controller o servizi e possiamo anche creare facilmente il nostro filtro. Un filtro è un modulo fornito da AngularJS. Ci sono nove componenti di un filtro che sono forniti da esso.

Esempi: valuta, data, filtro, JSON, limitTo, ecc.

Q # 27) Cos'è la direttiva ng-App in AngularJS?

Risposta: Viene utilizzato per definire l'applicazione AngularJs. Nomina l'elemento radice dell'applicazione e viene mantenuto vicino al tag o.

Possiamo definire qualsiasi numero di direttive ng-app all'interno del documento HTML, ma solo un'applicazione AngularJS può essere avviata automaticamente (auto-bootstrapped) e le altre applicazioni devono essere avviate manualmente.

Esempio:

D # 28) Cos'è ng-switch in AngularJS?

Risposta: Viene utilizzato per scambiare in modo condizionale la struttura del DOM su un modello basato su un'espressione basata sull'ambito.

Questa direttiva consente di mostrare o nascondere l'elemento HTML a seconda dell'espressione.

Q # 29) A cosa serve un evento di doppio clic in AngularJs?

Risposta: Ti consente di specificare il comportamento personalizzato su un evento di doppio clic del mouse su una pagina web. Possiamo usarlo (ng-dblclick) come attributo dell'elemento HTML come,

Q # 30) Cosa sono le direttive ng-include e ng-click in AngularJs?

Risposta:

ng-include aiuta a includere file diversi nella pagina principale. La direttiva ng-include include HTML da un file esterno.

Il contenuto incluso verrà incluso come nodi figlio dell'elemento specificato. Il valore dell'attributo ng-include può anche essere un'espressione, che restituisce un nome di file.

Per impostazione predefinita, il file incluso deve trovarsi nello stesso dominio del documento.

ng-click può essere utilizzato in scenari come quando si fa clic su un pulsante o quando si desidera eseguire qualsiasi operazione. Indica ad AngularJS cosa fare quando si fa clic su un elemento HTML.

Esempio:

Il codice precedente aumenterà la variabile di conteggio di uno ogni volta che si fa clic sul pulsante.

D # 31) Che cos'è un trasferimento di stato rappresentazionale (REST) ​​in AngularJs?

Risposta: REST è uno stile API che opera sulla richiesta HTTP.

L'URL richiesto identifica i dati su cui operare e il metodo HTTP identifica l'operazione che deve essere eseguita. REST è uno stile di API piuttosto che una specifica formale, e c'è molto dibattito e disaccordo su ciò che è e non è RESTful, che è un termine usato per indicare un'API che segue lo stile REST.

AngularJS è flessibile su come vengono utilizzati i servizi Web RESTful.

D # 32) Cosa sono le API globali di AngularJs?

Risposta: È una combinazione della funzione JavaScript globale che viene utilizzata per eseguire attività come il confronto di oggetti, l'iterazione di oggetti e la conversione di dati.

Esistono alcune funzioni API comuni come:

• angolare. minuscolo: Converte una stringa in una stringa minuscola.
• angolare. maiuscolo: Converte una stringa in una stringa maiuscola.
• angolare. isString: Restituirà vero se il riferimento corrente è una stringa.
• angolare. isNumber: Restituirà vero se il riferimento corrente è un numero.

D # 33) Che cos'è un metodo provider in AngularJs?

Risposta: Un provider è un oggetto che crea un oggetto servizio consentendo di assumere un maggiore controllo.

Il metodo $ get () viene utilizzato nel provider che restituisce l'oggetto del servizio. Il nome del servizio e la funzione factory sono gli argomenti passati al metodo provider. AngularJS utilizza $ fornire per registrare nuovi fornitori.

Sintassi:

D # 34) Che cos'è la gestione degli eventi?

Risposta: La gestione degli eventi in AngularJs è molto utile quando si desidera creare applicazioni AngularJs avanzate.

Dobbiamo gestire eventi DOM come clic del mouse, mosse, pressioni sulla tastiera, eventi di modifica e così via. AngularJs ha alcune direttive listener come ng-click, ng-dbl-click, ng-mousedown, ng-keydown, ng-keyup ecc.

Q # 35) Cos'è AngularJs DOM?

Risposta: AngularJs ha alcune direttive che vengono utilizzate per incapsulare i dati dell'applicazione AngularJs in un attributo disabilitato degli elementi HTML.

Esempio: La direttiva ng-disabled incapsula i dati dell'applicazione negli attributi disabilitati dell'elemento HTML DOM.

Q # 36) Quali sono gli attributi che possono essere usati durante la creazione di una nuova direttiva AngularJs?

Risposta: Sono disponibili diversi attributi che possono essere utilizzati durante la creazione di una nuova direttiva.

inizializza la variabile statica c ++

Loro includono:

1. Modello: Descrive un modello in linea come una stringa.
2. URL modello: Questo attributo specifica il compilatore HTML di AngularJs per sostituire la direttiva personalizzata all'interno di un modello con il contenuto HTML situato all'interno di un file separato.
3. Sostituire: Sostituisce l'elemento corrente se la condizione è vera se falso aggiunge questa direttiva all'elemento corrente.
4. Transclude: Ti consente di spostare i figli originali di una direttiva in una posizione all'interno del nuovo modello.
5. Scopo: Crea un nuovo ambito per questa direttiva anziché ereditare l'ambito padre.
6. Controller: Crea un controller che pubblica un'API per la comunicazione attraverso le direttive.
7. Richiedere: È necessaria la presenza di un'altra direttiva per far funzionare la direttiva attuale in modo efficiente.
8. Collegamento: Modifica le istanze di elementi DOM risultanti, aggiunge listener di eventi e imposta l'associazione dati.
9. Compilare: Modifica il modello DOM per le funzionalità tra le copie di una direttiva, come quando viene utilizzato in altre direttive. La funzione di compilazione può anche restituire funzioni di collegamento per modificare le istanze dell'elemento risultante.

Q # 37) I controller annidati sono possibili o meno in AngularJs?

Risposta: Sì, è possibile poiché i controller annidati sono ben definiti in modo classificato durante l'utilizzo di una vista.

D 38) AngularJS è adatto a tutti i browser?

Risposta: Sì, è compatibile con tutti i browser come Safari, Chrome, Mozilla, Opera, IE, ecc., Nonché con i browser mobili.

Q 39) Definisci i servizi in AngularJS.

Risposta: I servizi AngularJS sono gli oggetti o le funzioni singleton che vengono utilizzati per svolgere compiti definiti. Abbraccia alcune idee aziendali e questi scopi possono essere chiamati controllori, direttive, filtri e così via.

Q 40) Spiega i vantaggi di AngularJS.

Risposta: i vantaggi includono:

• Supporta il modulo MVC.
• Organizza due modalità di associazione dei dati utilizzando AngularJS.
• Supporta la comunicazione reciproca client-server.
• Supporta le simulazioni.

Q # 41) Differenza tra servizi e fabbrica.

Risposta: Le fabbriche sono funzioni che restituiscono l'oggetto, mentre i servizi sono funzioni di costruzione dell'oggetto che viene utilizzato da una nuova parola chiave.

Sintassi:

Fabbrica - module.factory (`factoryName`, funzione);

Servizio - module.service (`serviceName`, funzione);

Q # 42) Se sia la fabbrica che il servizio sono equivalenti, quando dovrei usarli?

Risposta: Il provider di fabbrica è preferito usando un oggetto, mentre un fornitore di servizi è preferito usando con classe.

Q # 43) Differenza tra AngularJS e React.JS.

Risposta: AngularJS è un framework JS basato sul linguaggio TypeScript rilasciato nell'ottobre 2010 da Google. È un framework completamente gratuito e open source che viene utilizzato nei progetti SPA (ad esempio progetti di applicazioni a pagina singola).

React.JS è una libreria javascript sviluppata da Facebook nel marzo 2013 per la creazione dell'interfaccia utente. I componenti React possono essere utilizzati su più pagine ma non come SPA (ovvero Applicazione a pagina singola).

D # 44) Differenza tra la direttiva ng-bind e ng-model.

Risposta: La direttiva ng-bind ha associazioni di dati unidirezionali, i dati fluiscono solo dall'oggetto all'interfaccia utente, non viceversa (cioè $ scope >> view) e la direttiva ng-model ha associazioni di dati a due vie, flussi di dati tra l'interfaccia utente e l'oggetto e vice versa (cioè $ scope >> visualizza e visualizza >> $ scope).

Q # 45) Qual è la differenza tra AJAX e AngularJS?

Risposta: AJAX sta per Asynchronous JavaScript che viene utilizzato per inviare e ottenere risposte dal server senza caricare la pagina.

Considerando che, AngularJS è un framework JavaScript basato su linguaggio dattiloscritto che segue il modello MVC.

Q # 46) Definisci ng-if, ng-show e ng-hide.

Risposta: La direttiva ng-if viene utilizzata come una clausola if che rimuove l'elemento HTML se l'espressione diventa falsa.

Sintassi

La direttiva ng-show viene utilizzata per mostrare l'elemento HTML se l'espressione diventa vera. E se l'espressione diventa falsa, l'elemento HTML verrà nascosto.

Sintassi

La direttiva ng-hide viene utilizzata per nascondere l'elemento HTML se l'espressione diventa falsa.

Sintassi

Sia ng-show che ng-hide utilizzano il metodo della proprietà display.

D # 47) Qual è la differenza tra ngRoute e ui-router?

Risposta: ngRoute è un modulo sviluppato dal team angularJS che faceva parte del framework angularJS di base. Considerando che ui-router è stato sviluppato da una comunità di terze parti per superare i problemi di ngRoute.

ngRoute è un percorso o un instradamento basato su URL e ui-router è un instradamento basato sullo stato che consente visualizzazioni annidate.

Q # 48) Come impostare, ottenere e cancellare i cookie in AngularJs?

Risposta: AngularJS ha un modulo chiamato ngCookies, quindi prima di iniettare ngCookies angular-cookies.js dovrebbe essere incluso nell'applicazione.

• Imposta i cookie - Il metodo Put viene utilizzato per impostare i cookie in un formato valore-chiave.

• Ottieni cookie - Il metodo Get viene utilizzato per ottenere i cookie.

• Biscotti puliti - Il metodo Remove viene utilizzato per rimuovere i cookie.

Conclusione

Sono sicuro che questo articolo ti avrebbe aiutato a comprendere le basi e il livello avanzato di AngularJS.

Questa serie di domande e risposte per l'intervista su AngularJS elencate qui ti consentirà di risolvere con successo qualsiasi intervista AngularJS a un livello più fresco e di esperienza. Queste sono le domande frequenti che vengono poste nelle interviste. È tutto per ora.

Questo articolo ti aiuterà a risolvere e affrontare qualsiasi intervista relativa ad AngularJS !! Spero ti sia piaciuta l'intera gamma di tutorial in questa serie di AngularJS !!

Tutorial PREV

Lettura consigliata

• Domande e risposte dell'intervista
• ETL Testing Interview Domande e risposte
• Alcune domande e risposte sui test manuali complicati
• 25 migliori domande e risposte per l'intervista al test agile
• Domande dell'intervista di Spock con risposte (le più popolari)
• Alcune interessanti domande di intervista sul test del software
• Top 20+ .NET Intervista Domande e Risposte
• Le 51 principali domande e risposte dell'intervista Bootstrap