48 top angularjs interview questions
Seznam nejčastěji kladených dotazů na rozhovor AngularJS s podrobnými odpověďmi pro nováčky a zkušené profesionály:
AngularJS je jedním z nejaktuálnějších rámců pro vývoj webových aplikací po celém světě.
Téměř na každém pohovoru budete muset bojovat s tvrdou konkurencí, abyste dosáhli vysoké úrovně a získali své vysněné zaměstnání. Proto byste se měli připravit s dostatečným předstihem.
Abychom vás na této cestě podpořili, sestavili jsme seznam nejčastěji kladených otázek na pohovor AngularJS spolu s odpověďmi, které váš tazatel očekává v době pohovoru.
Přečtěte si naše série výukových programů AngularJS pro více znalostí o konceptu. Nástroj úhloměru pro testování AngularJS Aplikace bylo vysvětleno v našem předchozím tutoriálu.
Nejčastější dotazy k rozhovorům s AngularJS
Níže je uveden seznam nejčastějších dotazů a odpovědí na AngularJS, které pomohou komukoli úspěšně vyřešit rozhovor.
Pojďme prozkoumat !!
Otázka č. 1) Co rozumíte AngularJS?
Odpovědět: AngularJS je framework JavaScriptu, který se používá k vytváření bohatých a rozšiřitelných webových aplikací.
Funguje na prostém JavaScriptu a HTML, takže k jeho fungování nepotřebujete žádné další závislosti. AngularJS je ideální pro Single Page Applications (SPA). V zásadě se používá pro vazbu objektů JavaScript s prvky uživatelského rozhraní HTML.
Otázka 2) Definujte funkce AngularJS.
Odpověď: Mezi funkce patří:
- Šablona (Zobrazit)
- Rozsah (model)
- Správce (správce)
- Služby
- Filtry
- Směrnice
Otázka č. 3) Definujte datovou vazbu.
Odpovědět: Vazba dat je automatické naladění dat mezi komponentami pohledu a modelu.
Otázka č. 4) Rozlišujte mezi výrazy AngularJS a JavaScript.
Odpověď: Mezi výrazy AngularJS a JavaScript existuje několik rozdílů:
- Můžeme psát výrazy AngularJS do HTML, ale nemůžeme psát výrazy JavaScript do HTML.
- V AngularJS nemůžeme použít podmíněné iterace, smyčky a výjimky, ale můžeme všechny tyto podmíněné vlastnosti použít ve výrazech JavaScriptu.
- Filtry jsou podporovány v AngularJS, zatímco filtry nejsou podporovány v JavaScriptu.
Otázka č. 5) Napište všechny kroky ke konfiguraci a n Úhlová aplikace (v aplikaci).
Odpověď: Chcete-li nastavit úhlovou aplikaci, musíme postupovat podle níže uvedených kroků:
- Angular.module bude vytvořen nejprve.
- K modulu bude přiřazen řadič.
- Modul bude propojen s šablonou HTML (tj. UI nebo View) s úhlovou aplikací (ng-app).
- Šablona HTML bude propojena s řadičem (tj. JS) se směrnicí ng-controller.
Otázka č. 6) Co jsou úhlové moduly?
Odpovědět: Úhlové moduly společně definují úhlovou aplikaci, kde můžeme napsat úhlový kód. Moduly obsahují různé části úhlové aplikace. Modul je vytvořen funkcí angular.module v úhlu.
Otázka č. 7) Jaké jsou rozsahy direktivy v AngularJS?
Odpovědět: V AngularJS jsou k dispozici tři oborové obory.
Oni jsou:
- Nadřazený obor: Bez ohledu na změnu, kterou provedete ve své směrnici a která pochází z nadřazeného oboru, se také projeví v nadřazeném oboru a je to také výchozí obor.
- Rozsah dítěte: Jedná se o vnořený obor, který dědí vlastnost z nadřazeného oboru. Také pokud žádné vlastnosti a funkce v oboru nejsou spojeny se směrnicí nadřazeného oboru, vytvoří se nová podřízená směrnice o oboru.
- Izolovaný rozsah: Je opakovaně použitelný a používá se, když vytváříme samostatnou směrnici. Používá se pouze pro soukromé a interní použití, což znamená, že neobsahuje žádné vlastnosti nadřazeného oboru.
Otázka č. 8) Jak můžeme sdílet data mezi řadiči v AngularJS?
Odpovědět: Nejprve musíme vytvořit službu. Služba se používá ke sdílení dat mezi řadiči v AngularJS velmi přehledným, snadným a nejrychlejším způsobem. Události, $ parent, next sourozenec a kontrolér používáme pomocí $ rootScope.
Otázka č. 9) Jaký je trávicí cyklus v AngularJs?
Odpovědět: Je součástí procesu datové vazby v AngularJS. Porovnává starou a novou verzi hodnoty modelu oboru v každém cyklu souhrnu.
Cyklus trávení se spouští automaticky. Můžeme také vylepšit použitelnost pomocí $ apply (), pokud chceme spustit digest cyklus ručně.
Otázka č. 10) Vysvětlete rozdíly mezi jednosměrnou vazbou a obousměrnou vazbou.
Odpovědět: Jednosměrná vazba se používá k vytvoření vazby dat z modelu k zobrazení bez aktualizace šablony HTML nebo automatického zobrazení.
Abychom mohli aktualizovat šablonu HTML, musíme napsat vlastní kód, který aktualizuje zobrazení pokaždé, když jsou data svázána z modelu do zobrazení.
Zatímco obousměrná vazba se používá k vytvoření vazby dat z modelu k zobrazení a naopak (tj. Zobrazení k modelu) automatickou aktualizací šablony HTML bez psaní jakéhokoli vlastního kódu.
Otázka č. 11) Rozdíl mezi sessionStorage, cookies a localStorage.
Odpověď: Rozdíly jsou následující:
- SessionStorage - Data se ukládají pro konkrétní relaci. Data budou ztracena při každém zavření karty prohlížeče nebo po určité relaci. Maximální uložená velikost může být až 5 MB.
- Místní úložiště - Data jsou uložena bez data vypršení platnosti. Data lze vymazat pouze pomocí JavaScriptu nebo vymazáním mezipaměti prohlížeče. Limit úložiště je maximální než sessionStorage a cookie.
- Cookies - Ukládá data, která je třeba odeslat zpět na server s některými požadavky. Vypršení platnosti souboru cookie se liší podle typu a doby trvání nastavené buď na straně serveru, nebo na straně klienta. Maximální uložená velikost může být menší než 4 kB.
Otázka č. 12) Jaká je role $ routeProvider v AngularJS?
Odpovědět: Je to $ routeProvider, který pomáhá při navigaci mezi různými stránkami / odkazy bez samostatného načítání stránky / odkazu, kdykoli uživatel klikne na odkaz.
Ke konfiguraci routeProvider se používá metoda ngRoute config ().
Otázka č. 13) Jaký je rozdíl mezi $ scope a scope?
Odpovědět: V AngularJS se používá $ scope k dosažení vkládání závislostí a scope se používá pro propojení mezi View (tj. HTML) a Controller (tj. JS).
Otázka č. 14) Jak se používají předpony AngularJS $ a $$?
Odpovědět: $$ proměnná v AngularJS se používá jako soukromá proměnná, protože se používá k zabránění náhodné kolize kódu s uživatelským kódem.
Zatímco předponu $ lze použít k označení funkcí úhlového jádra (jako proměnná, parametr, vlastnost nebo metoda).
Otázka č. 15) Kde můžeme implementovat DOM manipulaci v AngularJS?
Odpovědět: Manipulace s DOM je ve směrnicích a kromě toho by neměla existovat ve službách správce ani nikde jinde.
Otázka č. 16) Jak můžeme ukázat, že proměnná oboru by měla mít pouze jednorázovou vazbu?
Odpovědět: Abychom ukázali jednorázovou vazbu, musíme použít „ :: „Před oborem.
Otázka č. 17) Co je to SPA (Single Page Application) v AngularJS?
Odpovědět: Jedná se o webovou aplikaci, která načte jednu stránku HTML a dynamicky ji aktualizuje při připojení uživatele k aplikaci.
Pomocí AJAX a HTML může být SPA vytvořena plynulá a responzivní webová aplikace bez invariantních opětovných načítání stránek. Díky tomu můžeme vytvořit responzivní uživatelské rozhraní bez blikání stránky.
Otázka č. 18) Kolik typů datových vazeb existuje v AngularJS?
Odpovědět: AngularJS podporuje jednosměrné i obousměrné vázání.
V jednom směru vazba, pokud změníme datový model, pak nedojde k žádné dynamické změně, kterou uvidíte v zobrazení, ale ve dvoucestné vazbě dojde k dynamické změně, kdykoli se v datovém modelu provede změna.
Otázka č. 19) Jaké jsou závazné směrnice v AngularJs?
Odpověď: Mezi závazné směrnice patří:
- ng-bind
- ng-bind-html
- ng-bind-template
- nevázaného
- ng-model
Otázka č. 20) Vysvětlete směrnice ng-bind a ng-bind-html.
Odpovědět:
ng-bind : Jedná se o směrnici, která nahradí obsah prvku HTML hodnotou přiřazené proměnné nebo výrazu.
Obsah prvku HTML se změní změnou hodnoty proměnné nebo výrazu.
Je to jako ({{expression}}) a syntaxe pro toto je,
ng-bind-html : Jedná se o směrnici, která bezpečně váže obsah k prvku HTML (pohledu). Služba $ sanitize se používá k sanitaci obsahu tak, aby se svázal s prvkem HTML. K tomu je třeba do naší aplikace zahrnout soubor „angular-sanitize.js“.
co z toho platí pro integrační test?
Syntaxe k napsání tohoto,
Otázka č. 21) Vysvětlete šablonu ng-bind a ng-non-bindable.
Odpovědět:
ng-bind-template : Nahradí textový obsah prvku interpolací šablony. Může obsahovat několik dvojitých složených značek.
Nevázatelné : Určuje AngularJS, aby nekompiloval obsah tohoto prvku HTML a jeho podřízených uzlů.
Otázka č. 22) Vysvětlete direktivu ng-model v AngularJs.
Odpovědět: Může to být skokový skok s vlastním ovládacím prvkem vstupního formuláře HTML (jako je vstup, textová oblast a výběr) k datům aplikace. Poskytuje chování při ověřování formulářů s obousměrnou vazbou.
< input ng-bind='expression' />
Otázka č. 23) Definujte metodu Factory v AngularJS.
Odpovědět: Je to docela podobné službě, továrny implementují vzor modulu, ve kterém pomocí tovární metody generujeme objekt, který se používá pro vytváření modelů.
V továrně je objekt metody vrácen na konci vytvořením nového objektu a přidáním funkcí jako vlastností.
Syntax :
module.factory(‘factoryName', function);
Otázka č. 24) Co je direktiva ng-repeat v AngularJS?
Odpovědět: Vykresluje nebo iteruje nad kolekcí položek a vytváří prvky DOM. Pravidelně sleduje zdroj dat, aby znovu vykreslil šablonu v reakci na změnu.
Syntax:
{{stu.name}} {{stu. grade}}
Otázka č. 25) Co je řadič v AngularJS?
Odpovědět: Řadič je funkce JavaScriptu, která je vázána na zadaný rozsah. Angular vytvoří instanci nového objektu řadiče a vloží nový obor jako závislost.
Řadič lze použít k nastavení počátečního stavu objektu oboru a k přidání chování k objektu. Řadič nelze použít ke sdílení kódu nebo stavu mezi řadiči, ale místo toho lze použít úhlovou službu.
Otázka č. 26) Co jsou filtry v AngularJS?
Odpovědět: Hlavní prací filtrů je úprava dat tak, aby je bylo možné sloučit do výrazu nebo směrnice pomocí znaku kanálu (používá se k aplikaci filtrů v úhlovém symbolu kanálu, který je (|) nebo toto je symbol).
Filtr formátuje hodnotu výrazu pro zobrazení uživateli. Mohou být použity v šablonách zobrazení, řadičích nebo službách a můžeme také snadno vytvořit vlastní filtr. Filtr je modul poskytovaný AngularJS. Filtr poskytuje devět komponent.
Příklady: měna, datum, filtr, JSON, limitTo atd.
Otázka č. 27) Co je direktiva ng-App v AngularJS?
Odpovědět: Používá se k definování aplikace AngularJs. Určuje kořenový prvek aplikace a je udržován v blízkosti značky nebo.
Můžeme definovat libovolný počet direktiv ng-app uvnitř dokumentu HTML, ale pouze jedna aplikace AngularJS může být bootstrapována automaticky (auto-bootstrapped) a ostatní aplikace musí být bootstrapovány ručně.
Příklad:
My first expression: {{157 + 122}}
Otázka č. 28) Co je to ng-switch v AngularJS?
Odpovědět: Používá se k podmíněné výměně struktury DOM na šabloně založené na výrazu založeném na oboru.
Tato směrnice umožňuje zobrazit nebo skrýt prvek HTML v závislosti na výrazu.
Otázka č. 29) Jaké je použití události dvojitého kliknutí v AngularJs?
Odpovědět: Umožňuje určit vlastní chování při události dvojitého kliknutí myší na webové stránce. Můžeme jej použít (ng-dblclick) jako atribut prvku HTML jako,
...
Otázka č. 30) Co jsou direktivy ng-include a ng-click v AngularJs?
Odpovědět:
ng-zahrnout pomáhá zahrnout různé soubory na hlavní stránku. Direktiva ng-include zahrnuje HTML z externího souboru.
Zahrnutý obsah bude zahrnut jako podřízené uzly zadaného prvku. Hodnota atributu ng-include může být také výraz, který vrací název souboru.
Ve výchozím nastavení musí být zahrnutý soubor umístěn ve stejné doméně jako dokument.
ng-click lze použít ve scénářích, jako když kliknete na tlačítko nebo chcete provést jakoukoli operaci. Říká AngularJS, co má dělat, když kliknete na prvek HTML.
Příklad:
OK
Výše uvedený kód zvýší proměnnou počtu o jednu, kdykoli kliknete na tlačítko.
Otázka č. 31) Co je to reprezentační přenos stavu (REST) v AngularJs?
Odpovědět: REST je styl API, který funguje nad požadavkem HTTP.
Požadovaná adresa URL identifikuje data, která mají být provozována, a metoda HTTP identifikuje operaci, která má být provedena. REST je spíše styl API než formální specifikace a existuje spousta debat a neshod o tom, co je a není RESTful, což je termín používaný k označení API, které následuje styl REST.
AngularJS je flexibilní v tom, jak jsou spotřebovány webové služby RESTful.
Otázka č. 32) Co jsou globální API AngularJs?
Odpovědět: Jedná se o kombinaci globální funkce JavaScriptu, která se používá k provádění úkolů, jako je porovnávání objektů, iterace objektů a převod dat.
Existují některé běžné funkce API, jako například:
- hranatý. malá písmena: Převádí řetězec na malý řetězec.
- hranatý. velká písmena: Převádí řetězec na řetězec velkých písmen.
- hranatý. isString: Vrátí hodnotu true, pokud je aktuální odkaz řetězec.
- hranatý. isNumber: Vrátí true, pokud je aktuální reference číslo.
Otázka č. 33) Co je to metoda poskytovatele v AngularJs?
Odpovědět: Poskytovatel je objekt, který vytváří objekt služby tím, že umožňuje převzít větší kontrolu.
U poskytovatele, který vrací objekt služby, se používá metoda $ get (). Název služby a tovární funkce jsou argumenty, které jsou předány do metody poskytovatele. AngularJS používá $ provide k registraci nových poskytovatelů.
Syntax:
serviceApp.provider('logService', function ())
Otázka č. 34) Co je zpracování událostí?
Odpovědět: Zpracování událostí v AngularJs je velmi užitečné, pokud chcete vytvořit pokročilé aplikace AngularJs.
Musíme zvládnout události DOM, jako jsou kliknutí myší, pohyby, stisknutí klávesnice, změna událostí atd. AngularJs má některé pokyny posluchače jako ng-click, ng-dbl-click, ng-mousedown, ng-keydown, ng-keyup atd.
bezplatný stahovač hudby pro Android Market
Otázka č. 35) Co je AngularJs DOM?
Odpovědět: AngularJs mají některé směrnice, které se používají k zapouzdření dat aplikace AngularJs do deaktivovaného atributu prvků HTML.
Příklad: Direktiva ng-disabled zapouzdří data aplikace do deaktivovaných atributů prvku HTML DOM.
Click Me!
Button
{{ mySwitch }}
Otázka č. 36) Jaké jsou atributy, které lze použít při vytváření nových směrnic AngularJs?
Odpovědět: Existuje několik atributů, které lze použít při vytváření nové směrnice.
Obsahují:
- Šablona: Popisuje vloženou šablonu jako řetězec.
- URL šablony: Tento atribut určuje překladač AngularJs HTML, který nahradí vlastní direktivu uvnitř šablony obsahem HTML umístěným uvnitř samostatného souboru.
- Nahradit: Nahradí aktuální prvek, pokud je podmínka true, pokud false připojí tuto směrnici k aktuálnímu prvku.
- Vyloučit: Umožňuje vám přesunout původní podřízené položky směrnice do umístění uvnitř nové šablony.
- Rozsah: Vytvoří nový obor pro tuto směrnici místo toho, aby zdědil nadřazený obor.
- Ovladač: Vytvoří řadič, který publikuje API pro komunikaci napříč směrnicemi.
- Vyžadovat: Vyžaduje přítomnost jiné směrnice, aby mohla účinně fungovat aktuální směrnice.
- Odkaz: Upravuje výsledné instance prvků DOM, přidává posluchače událostí a nastavuje datovou vazbu.
- Kompilovat: Upravuje šablonu DOM pro funkce napříč kopiemi směrnice, jako když se používá v jiných směrnicích. Vaše kompilační funkce může také vracet linkové funkce a upravit výsledné instance elementů.
Otázka č. 37) Jsou vnořené řadiče v AngularJs možné nebo ne?
Odpovědět: Ano, je to možné, protože vnořené řadiče jsou při použití pohledu dobře definovány klasifikovaným způsobem.
Otázka 38) Je AngularJS vhodný pro všechny prohlížeče?
Odpovědět: Ano, je kompatibilní se všemi prohlížeči, jako je Safari, Chrome, Mozilla, Opera, IE atd., Stejně jako s mobilními prohlížeči.
Q 39) Definujte služby v AngularJS.
Odpovědět: Služby AngularJS jsou jednotlivé objekty nebo funkce, které se používají k provádění určitých úkolů. Zahrnuje některé podnikové nápady a tyto účely lze nazvat řadiči, směrnicemi, filtry atd.
Otázka 40) Vysvětlete výhody AngularJS.
Odpověď: Mezi výhody patří:
- Podporuje formulář MVC.
- Uspořádejte dva způsoby datové vazby pomocí AngularJS.
- Podporuje vzájemnou komunikaci klient-server.
- Podporuje simulace.
Otázka č. 41) Rozdíl mezi službami a továrnou.
Odpovědět: Továrny jsou funkce, které vracejí objekt, zatímco služby jsou konstruktorové funkce objektu, který je používán novým klíčovým slovem.
Syntax:
Továrna - module.factory (`factoryName`, funkce);
Servis - module.service (`serviceName`, funkce);
Otázka č. 42) Pokud jsou továrna i služba rovnocenné, kdy je mám použít?
Odpovědět: Poskytovatel továrny je preferován pomocí objektu, zatímco poskytovatel služeb je preferován pomocí třídy.
Otázka č. 43) Rozdíl mezi AngularJS a React.JS.
Odpovědět: AngularJS je strojový rámec JS založený na jazyce TypeScript, který společnost Google vydala v říjnu 2010. Jedná se o zcela bezplatný rámec a otevřený zdroj, který se používá v projektech SPA (tj. Projekty jedné stránky).
React.JS je knihovna javascriptů vyvinutá společností Facebook v březnu 2013 pro vytváření uživatelského rozhraní. Komponenty React lze použít na několika stránkách, ale ne jako SPA (tj. Jednostránková aplikace).
Otázka č. 44) Rozdíl mezi směrnicí ng-bind a ng-model.
Odpovědět: Direktiva ng-bind má jednosměrné datové vazby, datové toky pouze z objektu do uživatelského rozhraní, nikoli naopak (tj. $ scope >> view) a direktiva ng-model má obousměrné datové vazby, datové toky mezi uživatelským rozhraním a objektem a vice naopak (tj. $ scope >> zobrazit a zobrazit >> $ scope).
Otázka č. 45) Jaký je rozdíl mezi AJAX a AngularJS?
Odpovědět: AJAX je zkratka pro asynchronní JavaScript, který se používá pro odesílání a přijímání odpovědí ze serveru bez načítání stránky.
Vzhledem k tomu, AngularJS je strojový jazyk založený na jazyce JavaScript, který sleduje vzor MVC.
Otázka č. 46) Definujte ng-if, ng-show a ng-hide.
Odpovědět: Direktiva ng-if se používá jako klauzule if, která odstraní prvek HTML, pokud se výraz stane nepravdivým.
Syntax
Směrnice ng-show se používá k zobrazení prvku HTML, pokud se výraz stane pravdivou. A pokud se výraz stane nepravdivým, bude prvek HTML skrytý.
Syntax
Směrnice ng-hide se používá ke skrytí prvku HTML, pokud se výraz stane nepravdivým.
Syntax
Jak ng-show, tak ng-hide používá metodu vlastnosti zobrazení.
Otázka č. 47) Jaký je rozdíl mezi ngRoute a ui-router?
Odpovědět: ngRoute je modul vyvinutý týmem angularJS, který byl součástí základního rámce angularJS. Zatímco ui-router byl vyvinut komunitou třetích stran, aby překonal problémy ngRoute.
ngRoute je směrování založené na umístění nebo URL a ui-router je směrování založené na stavu, které umožňuje vnořené zobrazení.
Otázka č. 48) Jak nastavit, získat a vymazat soubory cookie v AngularJs?
Odpovědět: AngularJS má modul s názvem ngCookies, takže před aplikací ngCookies by měl být do aplikace zahrnut angular-cookies.js.
- Nastavit soubory cookie - Metoda Put se používá k nastavení souborů cookie ve formátu klíč – hodnota.
$cookies.put(“username”, $scope.username);
- Získat soubory cookie - K získání cookies se používá metoda Get.
$cookies.get(‘username’);
- Vymazat cookies - K odebrání cookies se používá metoda odebrání.
$cookies.remove(‘username’);
Závěr
Jsem si jist, že tento článek by vám pomohl porozumět základům a pokročilé úrovni AngularJS.
Tato sada zde uvedených otázek a odpovědí na AngularJS vám umožní úspěšně prolomit jakýkoli rozhovor AngularJS na čerstvé i zkušené úrovni. To jsou časté otázky, které jsou kladeny v rozhovorech. To je prozatím vše.
Tento článek vám pomůže prolomit a čelit jakémukoli rozhovoru týkajícímu se AngularJS !! Doufám, že se vám líbila celá řada výukových programů v této sérii AngularJS !!
Doporučené čtení
- Dotazy a odpovědi na pohovor
- ETL Testing Interview Otázky a odpovědi
- Několik složitých otázek a odpovědí na ruční testování
- 25 nejlepších agilních testovacích otázek a odpovědí na rozhovor
- Spock Interview Otázky s odpověďmi (nejoblíbenější)
- Některé zajímavé otázky týkající se testování softwaru
- Top 20+ .NET Interview Otázky a odpovědi
- Top 51 Bootstrap Interview Otázky a odpovědi