75 AngularJS-haastattelun kysymystä ja vastausta (2025)

by: James Hartman James Hartman
Hours Päivitetty

Tässä AngularJS-haastattelukysymyksiä ja vastauksia tuoreemmille ja kokeneemmille hakijoille unelmatyönsä saamiseksi.

 

AngularJS-haastattelukysymyksiä ja vastauksia fuksilaisille

1) Mikä on AngularJS?

AngularJS on a JavaSkriptikehys, jota käytetään yksittäisten web-sivujen sovellusten luomiseen. Sen avulla voit käyttää HTML:ää mallikielenä ja laajentaa HTML:n syntaksia ilmaistaksesi sovelluksesi komponentit selkeästi.

👉 Ilmainen PDF-lataus: AngularJS-haastattelukysymykset ja vastaukset >>

2) Mitkä ovat AngularJS:n tärkeimmät ominaisuudet?

AngularJS:n tärkeimmät ominaisuudet ovat:

  • Laajuus
  • ohjain
  • Malli
  • Näytä
  • Palvelut
  • Tietojen sitominen
  • ohjeet
  • Suodattimet
  • Testattava

3) Selitä funktion laajuus AngularJS:ssä

Laajuus viittaa sovellusmalliin. Se toimii kuin liima sovellusohjaimen ja näkymän välillä. Soveltamisalat on järjestetty hierarkkiseen rakenteeseen ja jäljittelevät sovelluksen DOM-rakennetta (Document Object Model). Se voi katsella ilmaisuja ja levittää tapahtumia.

4) Selitä palvelut AngularJS:ssä

AngularJS-palvelut ovat yksittäisiä objekteja tai toimintoja, joita käytetään tiettyjen tehtävien suorittamiseen. Siinä on jonkin verran liikelogiikkaa.

5) Mikä on Angular Expression? Selitä keskeinen ero kulmalausekkeiden ja JavaKäsikirjoituslausekkeet

Pitää JavaKomentosarja, kulmalausekkeet ovat koodinpätkiä, jotka yleensä sijoitetaan sidokseen, kuten {{ lauseke }}

Keskeinen ero JavaKomentosarjalausekkeet ja kulmalausekkeet ovat:

  • Taustaa: Angularissa lausekkeet arvioidaan suhteessa laajuusobjektiin, kun taas JavaKomentosarjalausekkeet arvioidaan globaalin ikkunan perusteella
  • Anteeksiantava: Kulmalausekkeessa arviointi on anteeksiantava nollalle ja määrittelemättömälle, kun taas in JavaKomentosarjan määrittelemättömät ominaisuudet luovat TypeError tai ReferenceError
  • Ei ohjausvirtalausuntoja: Silmukoita, ehtoja tai poikkeuksia ei voi käyttää kulmalausekkeessa
  • Suodattimet: Voit käyttää suodattimia tietojen muotoiluun ennen niiden näyttämistä.

6) Kuinka voit alustaa valintaruudun sivun latauksen asetuksilla?

Voit alustaa valintaruudun vaihtoehtoineen sivun latauksen yhteydessä käyttämällä ng-init-komentoa.

  • <div ng-controller = ” apps/dashboard/account ” ng-switch
  • Päällä = "! ! tilit” ng-init = ” loadData ( ) ">

7) Mitä ovat direktiivit? Nimeä joitain yleisimmin käytettyjä direktiivejä AngularJS-sovelluksessa

Direktiivi on jotain, joka ottaa käyttöön uuden syntaksin. Ne ovat kuin merkkejä DOM-elementissä, joka liittää siihen erityisen käyttäytymisen. Kaikissa AngularJS-sovelluksissa direktiivit ovat tärkeimmät komponentit.

Jotkut yleisesti käytetyistä direktiiveistä ovat:

1) ng-malli

2) ng-App

3) ng-sidos

4) ng-toisto

5) ng-show

AIHEESEEN LIITTYVÄT ARTIKKELIT

8) Kuinka Angular JS -reitit toimivat?

AngularJS-reittien avulla voit luoda erilaisia ​​URL-osoitteita sovelluksesi eri sisällölle. Eri sisällön URL-osoitteiden avulla käyttäjä voi lisätä URL-osoitteita kirjanmerkkeihin tiettyyn sisältöön. Jokaista tällaista kirjanmerkillä varustettua URL-osoitetta AngularJS:ssä kutsutaan reitiksi

Angular JS:n arvo on yksinkertainen objekti. Se voi olla numero, merkkijono tai JavaKäsikirjoitusobjekti. Arvoja käytetään yleensä konfiguraatioina, jotka syötetään tehtaisiin, palveluihin tai ohjaimiin. Arvon tulee kuulua AngularJS-moduuliin.

Arvon lisääminen AngularJS-ohjaintoimintoon tehdään lisäämällä parametri, jolla on sama nimi kuin arvo

9) Mitä on tietojen sitominen AngularJS:ssä?

Automaattista tietojen synkronointia mallin ja näkymän komponenttien välillä kutsutaan AngularJS:ssä tietojen sidoksiksi. Tietojen sitomiseen on kaksi tapaa

  1. Tiedonlouhinta klassisissa mallijärjestelmissä
  2. Tietojen sidonta kulmamalleissa

10) Mitkä ovat AngularJS:n edut?

AngularJS:n edut ovat:

  • Takaisinsoittojen rekisteröinti: Takaisinsoittoja ei tarvitse rekisteröidä. Tämä tekee koodistasi yksinkertaisen ja helpon virheenkorjauksen.
  • Hallitse HTML DOM:ia ohjelmallisesti: Angularilla luotuja sovelluksia ei vaadita DOM:n käsittelemiseen.
  • Siirrä tietoja käyttöliittymään ja sieltä: AngularJS auttaa poistamaan lähes kaiken kattilalevyn. Se voi vahvistaa lomakkeen, näyttää virheet, palata sisäiseen malliin ja niin edelleen.
  • Ei alustuskoodia: AngularJS:n avulla voit käynnistää sovelluksesi helposti. Voit käyttää automaattisesti lisättyjä palveluita sovellukseesi Guicessa.

11) Mikä on merkkijonojen interpolointi Angular.JS:ssä?

Angular.js:ssa kääntäjä käännösprosessin aikana vastaa tekstiä ja määritteitä. Se käyttää interpolointipalvelua nähdäkseen, sisältävätkö ne upotettuja lausekkeita. Osana normaalia tiivistyssykliä nämä lausekkeet päivitetään ja rekisteröidään kelloiksi.

12) Mitkä ovat HTML:n käännösprosessin vaiheet?

HTML-prosessin kääntäminen tapahtuu seuraavilla tavoilla

  • Ensin HTML jäsennetään DOM:ksi käyttämällä selainsovellusliittymää
  • Käyttämällä puhelua $compile () menetelmällä, suoritetaan DOM:n käännös. Menetelmä kulkee DOM:n läpi ja vastaa käskyjä.
  • Linkitä malli laajuuteen kutsumalla edellisestä vaiheesta palautettua linkitysfunktiota

13) Selitä käskyt ja niiden tyypit

Käännösprosessin aikana, kun tietty HTML-toiminto laukeaa, sitä kutsutaan direktiiviksi. Se suoritetaan, kun kääntäjä kohtaa sen DOM:ssa.

Erityyppisiä direktiivejä ovat:

1) Elementtidirektiivit

2) Attribuuttiohjeet

3) CSS-luokan käskyt

4) Kommentointiohjeet.

14) Selitä linkitystoiminto ja sen tyypit

Link yhdistää ohjeet soveltamisalaan ja tuottaa live-näkymän. DOM-kuuntelijoiden rekisteröinnistä sekä DOM:n päivityksestä vastaa linkkitoiminto. Kun malli on kloonattu, se suoritetaan.

  • Esilinkitystoiminto: Esilinkitystoiminto suoritetaan ennen kuin alielementit linkitetään. Sitä ei pidetä turvallisena tapana DOM-muunnokselle.
  • Viestin linkitystoiminto: Jälkilinkitystoiminto suoritetaan, kun alielementit on linkitetty. DOM-muunnos on turvallista tehdä jälkilinkitystoiminnolla

15) Selitä injektori AngularJS:ssä

Injektori on palvelun paikannus. Sitä käytetään palveluntarjoajan määrittämien objektiinstanssien hakemiseen, ilmentämistyyppeihin, kutsumenetelmiin ja moduulien lataamiseen. Angular-sovellusta kohden on yksi injektori, se auttaa etsimään objektiinstanssia sen nimen perusteella.

16) Mikä on tärkein ero linkin ja käännöksen välillä Angular.js:ssa?

  • Käännöstoiminto: Sitä käytetään mallien DOM-käsittelyyn ja se kerää kaikki direktiivit.
  • Linkkitoiminto: Sitä käytetään DOM-kuuntelijoiden rekisteröintiin sekä esimerkiksi DOM-manipulaatioon. Se suoritetaan, kun malli on kloonattu.

17) Mikä on AngularJS:n tehdastoiminto?

Direktiivin luomiseen käytetään tehdasmenetelmää. Sitä kutsutaan vain kerran, kun kääntäjä vastaa direktiiviä ensimmäistä kertaa. Käytettäessä $injector.invokea kutsutaan tehdasmenetelmä.

18) Selitä tyylimuoto, jonka ngModel lisää CSS-luokkiin

NgModel lisää nämä CSS-luokat mahdollistaakseen muodon muotoilun. AngularJS:n validointiluokat ovat:

  1. ng - voimassa
  2. ng - virheellinen
  3. ng-koskematon
  4. ng-likainen

19) Mitkä ovat "soveltamisalan" ominaisuudet?

  • Tarkkailijamallin mutaatioiden laajuudet tarjoavat API:t ($watch)
  • Minkä tahansa mallin muutosten levittäminen järjestelmän läpi näkymään Angular-alueen ulkopuolelta
  • Laajuus perii ominaisuudet päälaajuudestaan, ja samalla se tarjoaa pääsyn jaettuihin mallin ominaisuuksiin, mutta laajuudet voidaan sisäkkäin sovelluskomponenttien eristämiseksi.
  • Laajuus tarjoaa kontekstin, jota vasten lausekkeet arvioidaan

20) Mikä on DI (Dependency Injection) ja miten objekti tai funktio voi saada otteen riippuvuuksistaan?

DI tai Dependency Injection on ohjelmistosuunnittelumalli, joka käsittelee sitä, kuinka koodi saa kiinni riippuvuuksistaan. Moduulin latauksen yhteydessä määritettävän sovelluksen elementtien hakemiseksi "config"-toiminto käyttää riippuvuuden lisäystä.

Nämä ovat tapoja, joilla objekti pitää riippuvuuksiaan

  • Tyypillisesti uutta operaattoria käyttämällä voidaan luoda riippuvuus
  • Maailmanlaajuiseen muuttujaan viittaamalla voidaan etsiä riippuvuutta
  • Riippuvuus voidaan siirtää sinne, missä sitä tarvitaan

AngularJS-haastattelukysymyksiä ja vastauksia kokeneille ammattilaisille

21) Selitä laajuushierarkian käsite

Jokainen kulmasovellus koostuu yhdestä juurialueesta, mutta sillä voi olla useita alialueita. Koska aliohjaimet ja jotkin direktiivit luovat uusia lapsialueita, sovelluksella voi olla useita laajuuksia. Kun uusia laajuuksia muodostetaan tai luodaan, ne lisätään ylätasonsa aliryhmiksi. Ne luovat myös DOM:n kaltaisen hierarkkisen rakenteen.

22) Selitä tärkein ero AngularJS:n ja backbone.js:n välillä

angularjs backbone.js
angularjs on JavaSkriptipohjainen avoimen lähdekoodin kehys, joka on suunniteltu tukemaan dynaamisia verkkosovelluksia. backbone.js on kehys, joka tiivistää DOM:n näkymiksi ja tiedot malleiksi ja sitoo sitten molemmat tapahtumien avulla.
Sen suorituskyky on hyvä, koska se tarjoaa kaksisuuntaisen tiedonsidontaprosessin Backbone.js-tekniikka tarjoaa nopeamman suorituskyvyn kuin AngularJS, jos tietojoukot ovat pieniä
Se toimii MVS:ssä (Multiple Virtual Storage). Se toimii MVP-arkkitehtuurilla.
AngularJS käyttää dynaamista HTML-attribuuttia helpottaakseen sovelluksen ymmärtämistä. Backbone.js käyttää alaviivamalleja sovelluksen ymmärtämiseen.
Sillä on suuri yhteisön tuki. Yhteisön tuki on rajoitettu alleviivausmalliin.

23) Kuka loi Angular JS:n?

AngularJS:n ovat kehittäneet Adam Abrons ja Misko Hevery. Tällä hetkellä sen on Googlen kehittämä.

24) Kuinka voit integroida AngularJS:n HTML:ään?

Kehittäjät voivat integroida AngularJS:n HTML:ään noudattamalla seuraavia vaiheita:

Vaihe 1: mukaan lukien AngularJS JavaKäsikirjoitus html-sivulla.

<head>
   <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>

Vaihe 2: Osoita AngularJS-sovellusta.

Sinun on lisättävä ng-app-attribuutti HTML-tekstitunnisteen sisään, jotta voit kertoa, mikä osa HTML AngularJS -sovelluksesta on seuraavan esimerkin mukaisesti:

<body ng-app = "testapp">
</body>

25) Mikä on orderby-suodatin AngularJS:ssä?

Orderby-suodatin AngularJS:ssä järjestää taulukon määritettyjen kriteerien perusteella. Seuraava esimerkki kertoo, kuinka voit tilata tuotteen hinnan mukaan.

<ul>
<li ng-repeat = "company in product.products | orderBy:'price">
      {{ company.product + ', price:' + product.price }}
   </li>
</ul>

26) Mikä on ng-ei-sidottava AngularJS:ssä?

Ng-non-bindable määrittää, että AngularJs ei käännä HTML-elementtiä ja sen alisolmuja. Esimerkiksi:

<title ng-non-bindable > </title>

27) Selitä kaksoisnapsautustapahtuman käyttö AngularJS:ssä

AgularJS:n kaksoisnapsautustapahtuman avulla voit määrittää mukautetun toiminnan hiiren kaksoisnapsautustapahtumassa verkkosivulla, kuten:

<ELEMENT ng-dblclick="{expression}"> 
... 
</ELEMENT>

28) Selitä ng-click-käskyt AngularJS:ssä esimerkin avulla

Ng-click-komentoja voidaan käyttää tilanteessa, jossa sinun on napsautettava painiketta tai haluat suorittaa minkä tahansa toiminnon.

Esimerkiksi:

<button ng-click="count = count ++">Click</button>

29) Miksi käyttää ng-includea AngularJS:ssä?

Ng-include AngularJS:ssä auttaa upottamaan HTML-sivuja yhdelle HTML-sivulle. Esimerkki:

<div ng-app = "" ng-controller = "interviewController">
   <div ng-include = "'first.htm'"></div>
   <div ng-include = "'phases.htm'"></div>
</div>

30) Kuinka voit soittaa ajax-puhelun Angular JS:llä?

AngularJS tarjoaa $https:-ohjaimen, jonka avulla voit soittaa ajax-puhelun lukeaksesi palvelintietoja. Palvelin tekee tietokantakutsun saadakseen tarvittavat tietueet. Kun JSON-muotoiset tietosi ovat valmiit, voit käyttää $https:ä tietojen hakemiseen palvelimelta seuraavalla tavalla:

function employeeController($scope,$https:) {
   var url = "tasks.txt";
   $https.get(url).success( function(response) {
      $scope.employee = response; 
   });
}

31) Selitä $routeProviderin käyttö

Angular JS:ssä $routeProvider määrittää URL-määritykset. Se kartoittaa siihen liittyvän ng-mallin tai HTML-sivun ja liittää samalla ohjaimen.

32) Kuinka voit asettaa, saada ja tyhjentää evästeet AngularJS:ssä?

Voit käyttää:

  • $cookies.put() -menetelmä evästeiden asettamiseen.
  • $cookies.get() -menetelmää evästeiden saamiseksi.
  • $cookies.remove poistaaksesi evästeet AngularJS:stä.

33) Mikä on palvelutapa?

Palvelumenetelmä AngularJS:ssä auttaa sinua määrittelemään palvelun ja menetelmän sille. Seuraavassa esimerkissä olemme lisänneet yksinkertaisen summauspalvelun, joka lisää kaksi numeroa.

<! DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Event Registration</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<h3> Guru99 Global Event</h3>
<div ng-app = "mainApp" ng-controller = "DemoController">
    <p>Result: {{result}}</p>
</div>
<script>
    var mainApp = angular.module("mainApp", []);
    mainApp.service('AdditionService', function(){
        this.ADDITION = function(a,b) {
            return a+b;
        }
    });

    mainApp.controller('DemoController', function($scope, AdditionService) {

            $scope.result = AdditionService.ADDITION(5,6);
    });
</script>
</body>
</html>

34) Nimeä AngularJS-komponentit, jotka voidaan pistää riippuvuudeksi

AngularJS-komponentit, jotka voidaan syöttää riippuvuutena, ovat: 1) arvo, 2) tehdas, 3) palvelu, 4) toimittaja, 5) vakio.

35) Mitkä ovat yleiset Angular Global API -toiminnot?

Joitakin yleisesti käytettyjä Angular Global API -toimintoja ovat:

  • Angular.isString: Se palauttaa tosi vain, jos annettu viite on merkkijonotyyppiä.
  • Kulma.pienet kirjaimet: Se muuntaa minkä tahansa merkkijonon pieniksi kirjaimiksi
  • Kulma.isot kirjaimet: Se muuntaa minkä tahansa merkkijonon isoiksi kirjaimiksi.
  • Angular.isNumber: Se palauttaa arvon tosi vain, jos viite on numeerinen arvo tai numero.

36) Kirjoita ohjelma, joka piilottaa HTML-tunnisteen yhdellä painikkeen napsautuksella kulmassa

<!DOCTYPE html>
<html>
<head>
    <meta chrset="UTF 8">
    <title>Event Registration</title>
</head>
<body>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<h1> Guru99 Global Event</h1>
<div ng-app="DemoApp" ng-controller="DemoController">
    <input type="button" value="Hide Angular" ng-click="ShowHide()"/>
    <br><br><div ng-hide="IsVisible">Angular</div>
</div>
<script type="text/javascript">
    var app = angular.module('DemoApp',[]);
    app.controller('DemoController',function($scope){
        $scope.IsVisible = false;
        $scope.ShowHide = function(){
            $scope.IsVisible = $scope.IsVisible = true;
        }
        });
</script>
</body>
</html>

37) Mikä on BOM (Browser Object Model)?

BOM tai Browser Object Model koostuu historiasta, objektinavigaattorista, näytön sijainnista jne. Se määrittää yleiset selainobjektit, kuten konsolin, paikallisen tallennustilan ja ikkunan.

38) Selitä "$rootScope" AngularJS:ssä

"$rootScope" on laajuus, joka luodaan DOM (Document Object Model) -elementille.

Sovelluksella voi olla vain yksi $rootScope, joka jakaa muiden komponenttien ohella. Siinä on ng-app-direktiivi. Muita laajuuksia kutsutaan sen lapsilaajuuksiksi. Se voi katsella ilmaisuja sekä levittää tapahtumia.

39) Anna esimerkki ng-näkymästä Angularissa

Harkitse seuraavaa esimerkkiä:

<!DOCTYPE html>
<html>
<head>
    <meta chrset="UTF 8">
    <title>Event Registration</title>
    <script src="https://code.angularjs.org/1.5.9/angular-route.js"></script>
    <script src="https://code.angularjs.org/1.5.9/angular.min.js"></script>
    <script src="lib/bootstrap.js"></script>
</head>
<body ng-app="sampleApp">
<h1> Global Event</h1>
<div class="container">
    <ul><li><a href="#!NewEvent"> Add New Event</a></li>
        <li><a href="#!DisplayEvent"> Display Event</a></li>
    </ul>
    <div ng-view></div>
</div>
<script>
    var app = angular.module('sampleApp',["ngRoute"]);
    app.config(function($routeProvider){
        $routeProvider.
        when("/NewEvent",{
            templateUrl : "add_event.html",
            controller: "AddEventController"
        }).
        when("/DisplayEvent", {
            templateUrl: "show_event.html",
            controller: "ShowDisplayController"
        }).
        otherwise ({
            redirectTo: '/DisplayEvent'
        });
    });
    app.controller("AddEventController", function($scope) {
        $scope.message = "This is to Add a new Event";
    });
    app.controller("ShowDisplayController",function($scope){
        $scope.message = "This is display an Event";
    });
</script>
</body>
</html>

40) Mikä on tehdasmetodin syntaksi AngularJS:ssä?

Factoryn syntaksi on seuraava:

app.factory('palvelunNimi',function(){ return serviceObj;})

41) Nimeä AngularJS Scopen elinkaaren eri vaiheet.

Tässä on AngularJS Scopen elinkaaren eri vaiheita:

  • Luominen
  • Mallin mutaatio
  • Katsojan rekisteröinti
  • Mutaatiohavainto
  • Laajuuden tuhoaminen

42) Kirjoita ohjelma to bootstrap -prosessille Angularilla

Ohjelma to bootstrap -prosessille Angularissa on:

<html>
    <body ng-app="TestApp">
        <div ng-controller="Ctrl">Hi{{msg}}!</div>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.8/angular.min.js"> 
</script>
        <script>
            var test = angular.module('TestApp', []);
            test.controller('Ctrl', function($scope) {
                $scope.msg = 'Good Morning';
            });
        </script>
    </body>
</html>

43) Mikä on yksisivuinen sovellus AngularJS:ssä?

SPA eli yhden sivun sovellus on verkkosivusto tai verkkosovellus, joka on vuorovaikutuksessa käyttäjien kanssa dynaamisesti. AngularJS:ssä JavaScript, HTML ja CSS mahtuvat yhdelle sivulle. Se suorittaa navigoinnin päivittämättä koko HTML-sivua.

44) Selitä webpackin käsite

Webpack on moduuliniputtaja Angular2:lle tai uudemmalle. Se niputtaa, siirtää ja pienentää AngularJS-sovelluksen.

45) Mitä tarkoitat NPM:llä?

NPM tulee sanoista Node Package Manager. Se koostuu komentorivityökaluasiakkaasta, joka on vuorovaikutuksessa Node.js-projektin arkiston kanssa.

46) Kuinka voit luoda uuden projektin angularJS:ssä käyttämällä komentorivikäyttöliittymää?

Kun olet asentanut Angular-komentoriviliittymän, sinun on suoritettava uusi projektin nimi komento, jotta voit luoda uuden projektin Angularissa.

47) Selitä automaattinen käynnistysprosessi AngularJS:ssä

Angular alustaa automaattisesti DOMContentLoaded-tapahtuman tai kun lataat angular.js-komentosarjan selaimeen.

Tämän jälkeen AngularJS löytää ng-app-direktiivin, joka on angular-sovellusten kokoamisen juuri. Kun ng-app-direktiivi löytyy, AngularJS tekee seuraavat vaiheet:

1) lataa moduuli, joka liittyy direktiiviin,

2) Luo sovellusruisku,

3) Käännä DOM ng-app-juurielementistä. Tämä prosessi tunnetaan nimellä automaattinen käynnistys.

48) Mitä ovat välittömästi kutsutut funktiolausekkeet?

IIFE:t tai välittömästi kutsutut funktiolausekkeet on funktio, joka suoritetaan heti, kun se on luotu. Se tarjoaa yksinkertaisen tavan eristää muuttujan ilmoitus. IIFE:t sisältävät kaksi päätoimintoa:

1) operaattori()

2) lauseke()

49) Mikä on tiivistyssykli AngularJS:ssä?

Digest-sykli on tärkeä osa AngularJS:n tietojen sitomista, mikä vertaa kiikarimallin vanhaa ja uutta versiota. Digest-sykli käynnistyy automaattisesti tai manuaalisesti käyttämällä $apply()-funktiota.

50) Mikä on AngularJS:n kanssa työskentelyn perusvaatimus?

Sinun on ladattava AngularJS:n uusin versio osoitteesta AngularJS.com, jotta voit oppia tai työskennellä AngularJS:n kanssa. Voit joko tarvita JS-tiedoston ja isännöidä sitä paikallisesti, tai voit myös käyttää google CDN:ää (Content Delivery Network) viitataksesi siihen.

51) Voimmeko luoda sisäkkäisiä ohjaimia AngularJS:ssä?

Kyllä, voimme luoda sisäkkäisen ohjaimen AngularJS:ssä.

Esimerkki sisäkkäisestä ohjaimesta on seuraava:

<div ng-controller="MainCtrl">
 <p>{{msg}} {{name}}!</p>
<div ng-controller="SubCtrl1">
<p>Hi {{name}}!</p>
   <div ng-controller="SubCtrl2">
     <p>{{msg}} {{name}}! Your name is {{name}}.</p>
   </div>
</div>
</div>

52) Mikä on todennus?

Todennus on palvelu, jota käytetään Angular-sovellukseen kirjautumiseen ja uloskirjautumiseen. Käyttäjien tunnistetiedot siirtyvät palvelimen API:lle. Tämän jälkeen palvelinpuolen vahvistuksen jälkeen nämä tunnistetiedot palautetaan JSON Web Token, joka on tiedot nykyisestä käyttäjästä.

53) Määritä AngularJS-materiaali

AngularJS Material on Googlen Material Design Specificationin toteutus. Se tarjoaa joukon hyvin testattuja, uudelleenkäytettäviä käyttöliittymäkomponentteja AngularJS-ohjelmoijalle.

54) Mitkä ovat tärkeät erot Angular 7:n ja Angular 8:n välillä?

Kulma 7 Kulma 8
Angular 7 on vaikea käyttää Angular 8 on erittäin helppokäyttöinen
Se tarjoaa tuen Typescript 3.4 -ohjelmointikielen alemmalle versiolle Se ei tue Typescript 3.4 -ohjelmointikielen aiempia versioita
Tukee kaikkia versioita Node.js Tukee vain Node.js 12 -versiota.

55) Mikä on ngzone?

ngzone on a JavaScrip wrapper -luokka, joka on merkitty Zone.js:lla. Sen avulla kehittäjät voivat suorittaa tietyn koodin nimenomaisesti Angularin alueen ulkopuolella, mikä estää Angularia suorittamasta muutosten havaitsemista.

56) Luettele ero kulmakomponentin ja direktiivin välillä

komponentti Direktiivi
Kulmakomponentti on ohje, jonka avulla voit hyödyntää verkkokomponentin toimintoja koko sovelluksessa. Kulmadirektiivi on tekniikka, jolla liitetään käyttäytyminen elementteihin.
Sen avulla voit jakaa sovelluksesi pienempiin osiin. Se auttaa sinua suunnittelemaan uudelleenkäytettäviä komponentteja.
Se voi määrittää putket Se ei voi määrittää putkia.

57) Määritä ECMAScript

ECMAScript (European Computer Manufacturer's Association) on komentosarjakielien standardi. JavaScript käyttää ECMAScriptiä ydinkielenä. Kehittäjät voivat käyttää sitä asiakaspuolen komentosarjojen kirjoittamisessa maailmanlaajuisessa verkossa ja/tai palvelinsovelluksissa ja -palveluissa. ECMAScriptillä on lukuisia ominaisuuksia, kuten toiminnallisia, prototyyppi-, dynaamisia ja rakenteellisia ominaisuuksia.

58) Mikä on Traceur Compiler?

Traceur on a JavaKomentosarjan kääntäjä, joka käyttää luokkia, generaattoreita ja muita ECMAScriptin ominaisuuksia.

59) Kuinka muuntaa merkkijono valuutaksi?

Voit muuntaa merkkijono syötteen valuuttatyypin valuuttasuodattimeksi Angularissa.

60) Mitä mallit ovat AngularJS:ssä?

Malli on HTML-tiedosto, jota käytetään AngularJs-ohjeiden ja -attribuuttien kanssa.

61) Selitä erot Angularin ja jQueryn välillä

angularjs JQuery
AngularJs on vaikea ymmärtää Jquery on erittäin helppo ymmärtää.
Se tukee kaksisuuntaista sidontaprosessia Se ei tue tietojen sidontaprosessia
Se tukee syvälinkkien reititystä Se ei tue syvälinkkien reititystä

62) Mikä on Ahead of Time -kokoelma?

Angular AOT (ahead of Time) on kääntäjä, joka muuntaa kulmikkaan HTML- ja konekirjoituskoodisi JavaKäsikirjoituskoodi.

63) Listaa suodatintyypit AngularJS:ssä

AngularJS:ssä käytetyt suodatintyypit ovat: 1) Valuutta, 2) Isot kirjaimet, 3) Pienet kirjaimet, 4) OrderBy, 5) JSON ja 6) limitTo.

64) Selitä ngOnInit () -funktio

ngOnInit () -funktio on elinkaaren koukku, jota kutsutaan direktiivin dataan sidottujen ominaisuuksien valmistuttua.

65) Mikä on transkluusio AngularJS:ssä?

Transkluusio AngulaJS:ssä antaa kehittäjille mahdollisuuden kohdistaa alkuperäisen direktiivin alat tiettyyn paikkaan mallissa. Direktiivi ng näyttää lisäyskohdan lähimmän transkluusiota käyttävän päädirektiivin siirretylle DOM:lle. Ng-transclude-slot tai ng-transclude -direktiivejä käytetään pääasiassa transkluusioon.

66) Valaistuja koukkuja on saatavana AngularJS:ssä

AngularJS:n erilaisia ​​koukkuja ovat:

1) ngOnInit()

2) ngOnChanges(),

3) ngDoCheck(),

4) ngAfterContentInit(),

5) ngAfterContentChecked(),

6) ngOnDestroy(),

7) ngAfterViewChecked(), ja

8) ngAfterViewInit()

67) Mitkä ovat AngularJS-metadatan tärkeät osat?

AngularJS-metatietoja käytetään koristelemaan luokkaa, joka kuvaa tietyn luokan odotettua käyttäytymistä. Metatiedon eri osia ovat: 1) luokkasisustajat, 2) menetelmäsisustajat, parametrien sisustajat ja 4) kiinteistöjen sisustajat.

68) Mikä on Angular CLI?

Angular CLI:tä kutsutaan myös komentorivin käyttöliittymätyökaluksi. Sitä käytetään Angular-sovellusten rakentamiseen, alustamiseen ja ylläpitoon. CLI-ohjelmistoa voidaan käyttää erittäin interaktiivisen käyttöliittymän, kuten komentotulkin tai Angular Consolen, kautta.

69) Selitä parametroitu putki AngularJS:ssä

AngularJS:ssä putkilla voi olla useampi kuin yksi parametri hienolähdön säätämiseksi. Voit luoda parametroidun putken ilmoittamalla putken kaksoispisteellä (:) ja parametrin arvoilla. Kehittäjä voi erottaa useita parametriarvoja kaksoispisteellä (:).

70) Mikä on reititys?

Reititys on tapa yhdistää erilaisia ​​näkymiä. Rekisterinpitäjä päättää yhdistää nämä näkymät loogisten tarpeiden mukaan.

71) Mitä tarkoitat eristetyillä yksikkötesteillä?

Eristetty testi on prosessi, jossa tarkistetaan luokan esiintymä ilman injektoituja arvoja tai kulmariippuvuutta. Se auttaa sinua toteuttamaan ohjelman erittäin helposti.

72) Nimeä DSL-animaatiotoiminnot AngularJS:ssä

DSL-animaatiotoiminnot AngularJS:ssä ovat: 1) group(), 2) state(), 3) shift(), 4) style(), 5) keyframes(), 6) trigger(), 7) series() ja 8) animoida().

73) Mikä on AngularJS-moduuli?

AngularJS:ssä moduuli on prosessi, joka ryhmittelee toisiinsa liittyviä direktiivejä ja palvelukomponentteja. Se järjestää ne siten, että niitä voidaan yhdistää muihin moduuleihin sovelluksen luomiseksi.

74) Mitä putket ovat AngularJsissa?

Kulmikkaassa putket tarjoavat yksinkertaisen menetelmän tietojen muuntamiseen. Se ottaa arvot, kuten taulukot, kokonaisluvut, tiedot ja merkkijonot, syötteenä ja jakaa putki (|) -symbolilla. Se muuntaa tiedot vaadittuun muotoon. Pipes näyttää saman asian selaimessa. AngularJS:ssä se tarjoaa joitain sisäänrakennettuja putkia, mutta kehittäjät voivat myös kehittää omia putkia.

75) Selitä ViewEncapsulation AngularJS:ssä

ViewEncapsulation määrittää, vaikuttavatko AngularJS-komponentissa määritellyt tyylit koko sovellukseen vai eivät.

Valmistaudu työhaastatteluun!!! Mennä läpi AngularJS opetusohjelma olla paremmin valmistautunut.

Tämä yksityiskohtainen AngularJS Mock Test auttaa sinua poistamaan epäilykset AngularJS-haastattelukysymyksistä ja auttaa sinua myös murtamaan haastattelun.


Nämä haastattelukysymykset auttavat myös vivassasi (suullinen)