AngularJS interjúkérdések

Íme egy lista azokról a fogalmakról, amelyekre gyakran kérdeznek az AngularJS interjúk során.

  • Mi az AngularJS?
  • Mi a Model View Controller (MVC)?
  • Kétirányú adatkötés
  • Mi a függőségi injekció és hogyan működik?
  • Mi az a $ hatókör az AngularJS-ben?
  • Mi az a $ rootScope az AngularJS-ben?
  • Hogyan lehet megvalósítani az útválasztást szögben?
  • Magyarázza el az irányelveket
  • Hogyan hozhatunk létre egyedi utasítást Angular-ban?
  • Magyarázza el a különbséget a szerviz és a gyár között
  • Magyarázza el a $ q szolgáltatást, elhalasztva és ígéretekkel

Példa kérdések és válaszok

Kérdés: Sorolja fel az irányelveket az AngularJS-ben?

Válasz: ngBind, ngModel, ngClass, ngApp, ngInit, ngRepeat

Kérdés: Mi az a $ hatókör az AngularJS-ben?

Válasz: Az AngularJS $ hatóköre egy objektum, amely egy alkalmazásmodellre utal. Ez egy objektum, amely megköti a nézetet (DOM elem) a vezérlővel. A vezérlőben a modelladatok a $ scope objektumon keresztül érhetők el. Mint tudjuk, az AngularJS támogatja az MV * mintát, a $ scope objektum lesz az MV * modellje.

Kérdés: Mi az a SPA (egyoldalas alkalmazás) az AngularJS-ben?

Válasz: Az egyoldalas alkalmazások (SPA) olyan webalkalmazások, amelyek egyetlen HTML-oldalt töltenek be, és dinamikusan frissítik azt az oldalt, amikor a felhasználó interakcióba lép az alkalmazással.

A SPA-k AJAX-t és HTML-t használnak folyamatos és rugalmas webalkalmazások létrehozásához, az oldalak folyamatos újratöltése nélkül. Ez azonban azt jelenti, hogy a munka nagy része az ügyfél oldalon, JavaScript-ben történik.

Egyetlen HTML oldal itt a kiszolgáló felhasználói felületének válaszoldalát jelenti. A forrás lehet ASP, ASP.NET, ASP.NET MVC, JSP és így tovább.

Az egyoldalas webalkalmazás azonban egy oldalként kerül a böngészőbe, és általában nem igényli az oldal újratöltését, amikor a felhasználó az alkalmazás különböző részeihez navigál. Ez gyorsabb navigációt, hatékonyabb hálózati átvitelt és jobb általános teljesítményt eredményez a végfelhasználó számára.

Kérdés: Mi az útválasztás az AngularJS-ben?

Válasz: Az útválasztás az AngularJS egyik alapvető jellemzője. Ez a funkció hasznos több nézettel rendelkező SPA-k (Single Page Applications) létrehozásakor. A SPA-kban minden nézet különböző HTML fájl, és az Útválasztás funkció segítségével töltjük be az alkalmazás különböző részeit. Hasznos az alkalmazás logikai felosztása és kezelhetővé tétele. Más szavakkal, az Útválasztás segít alkalmazásunkat logikai nézetekre osztani, és különböző vezérlőkkel összekötni őket.

Kérdés: Magyarázza el az ng-repeat utasítást.

Válasz: Az ng-repeat irányelv a leggyakrabban használt AngularJS irányelv szolgáltatás. Iterál egy elemgyűjtemény felett, és létrehozza a DOM elemeket. Folyamatosan figyelemmel kíséri az adatforrást, hogy a sablon újra megjelenjen a változásra adott válaszként.

Kérdés: Mi a különbség az ng-If és az ng-show / ng-hide között.

Válasz: Az ng-If irányelv csak akkor jeleníti meg a DOM elemet, ha a feltétel igaz. Míg az ng-show / ng-hide direktíva rendereli a DOM elemet, de megváltoztatja az ng-hide / ng-show osztályát az elem láthatóságának fenntartása érdekében az oldalon.

Kérdés: Hogyan lehet lemondani az időtúllépést az AngularJs használatával?

Válasz: A $ timeout az AngularJs csomagolója az window.setTimeout fájlhoz, a funkció használatával törölheti az időtúllépést:

$timeout.cancel(function (){ // write your code. });

Kérdés: Mi a függőségi injekció?

Válasz: A Dependency Injection (DI) egy szoftvertervezési minta, amely azzal foglalkozik, hogy az összetevők hogyan veszik függőségeiket.

Az AngularJS injektor alrendszer feladata az összetevők létrehozása, függőségeik feloldása, és igény szerint más komponensekkel való ellátása.

Kérdés: Magyarázza el az ng-App irányelvet.

Válasz: Az ng-app irányelv elindít egy AngularJS alkalmazást. Meghatározza a gyökér elemet. Automatikusan inicializálja vagy indítja az alkalmazást, amikor az AngularJS alkalmazást tartalmazó weboldal betöltődik. Különböző AngularJS modulok betöltésére is használható az AngularJS Applications alkalmazásban.

Kérdés: Magyarázza el az ng-init irányelvet

Válasz: Az ng-init irányelv inicializálja az AngularJS alkalmazás adatait. Arra szolgál, hogy értékeket adjon az alkalmazásban használandó változókhoz.

Például az alábbi kódban számos ország tömböt inicializáltunk JSON szintaxissal az országok tömbjének meghatározására.

 ... 

Kérdés: Hogyan osztja meg az adatokat a vezérlők között?

Válasz: Hozzon létre egy AngularJS szolgáltatást, amely tárolja az adatokat, és befecskendezi azokat a vezérlőkbe. A szolgáltatás használata a legtisztább, leggyorsabb és legegyszerűbb tesztelési módszer.

Az adatmegosztás vezérlők közötti megvalósításának azonban van néhány más módja, például:

  • Események használata
  • A $ parent, nextSibling, controllerAs és így tovább a vezérlők közvetlen eléréséhez
  • A $ rootScope használata az adatok hozzáadásához (nem jó gyakorlat)

Kérdés: Mi a különbség az ng-if és az ng-show / hide irányelvek között?

Válasz: Az ng-if csak akkor hozza létre és jeleníti meg a DOM elemet, ha a feltétele igaz. Ha a feltétel hamis vagy hamisra változik, az nem hozza létre vagy semmisíti meg a létrehozottat.

Az ng-show / hide mindig létrehozza a DOM elemet, de a feltétel értékelése alapján alkalmazza a CSS display tulajdonságot.

További információ az AngularJS-ről:

  • Szög vs Szög JS
  • A legjobb Angular és AngularJS oktatóanyagok