Kas valmistute Angular intervjuuks? Kas teil on Angular intervjuu planeeritud? Kas otsite nurkintervjuu kõige sagedamini esitatavaid küsimusi ja vastuseid? Siis olete õiges artiklis. Oleme loonud enim küsitud nurgelise intervjuu küsimused ja vastused. Vaadake kindlasti kogu ajaveebi läbi, et ükski küsimus ei jääks kahe silma vahele.

Esiteks, mis on Angular? Nurgeline on Google'i välja töötatud veebirakenduste raamistik. See on tüüpi skriptipõhine avatud lähtekoodiga veebirakenduste raamistik. Angular on platvorm, mis on keskendunud mobiilsete töölaua veebirakenduste loomisele.

Sisukord

• 100 parimat nurkintervjuu küsimust ja vastust
• 1. Selgitage, mida teate Angulari kohta?
• 2. Kas saate selgitada Arhitektuuri Angular?
• 3. Kas saate selgitada erinevust annotatsioonide ja dekoraatorite vahel nurgas?
• 4. Mis on analüüsitsükkel? Seletama?
• 5. Kas saate meile öelda, milline on Angulari uusim versioon? Millised on selle uued funktsioonid?
• 6. Selgitage BootstrApping moodulit keeles Angular?
• 7. Nimetage erinevad filtrid, mida Angular toetab?
• 8. Selgitage metamärkide marsruuti?
• 9. Mis on Angulari komponent?
• Nurgaintervjuu küsimused ja vastused
• 10. Millised on erilised üleminekuolekud nurgas?
• 11. Nimeta erinevat tüüpi kompilatsioone Angularis?
• 12. Selgitage faili Package.json ja selle eesmärki?
• 13. Selgitage malle keeles Angular?
• 14. Kas saate selgitada, mis on Angular CLI? Kuidas te seda kasutate?
• 15. Kas saate meile öelda, kas marsruutimismoodul on rakenduse jaoks kohustuslik?
• 16. Kas saate selgitada, mis klasside dekoraatorid on Angularis?
• 17. Kas saate selgitada, millised direktiivid on Angularis, ja nimetada nurga keeles kõige sagedamini kasutatavad direktiivid?
• 18. Selgitage, mis on toru nurga all? Kas kirjutada demonstreerimiseks lihtne kood?
• 19. Kas teha vahet Angular ja Angular JS vahel?
• 20. Selgitage AOT ja JIT erinevusi?
• Nurgaintervjuu küsimused ja vastused
• 21. Loetlege komponendi ja direktiivi erinevused Angularis?
• 22. Selgitage AngularJS moodulit?
• 23. Selgitage kontrollereid nurgas?
• 24. Kas saate selgitada nurkvormide funktsioone?
• 25. Kas saate selgitada elutsükli konkse?
• 26. Kas saate meile öelda, kuidas metaandmeid nurgas esitatakse?
• 27. Kas saate selgitada mõningaid Angulari kasutamise eeliseid?
• 28. Selgitage andmete sidumist AngularJS-is?
• 29. Nimetage andmesidemete tüübid Angularis? Seletama?
• 30. Kas eristada ühesuunalist köitmist ja kahesuunalist köitmist?
• 31. Miks on HTTP-klient oluline?
• Nurgaintervjuu küsimused ja vastused
• 32. Kas saate palun selgitada Angulari erinevaid omadusi?
• 33. Selgitage MVVM arhitektuuri?
• 34. Selgitage stringide interpoleerimist Angularis?
• 35. Kas saate Angularil ja Jqueryl vahet teha?
• 36. Selgitage vaatekapseldamist ja kui mitmel viisil saame seda saavutada?
• 37. Kas saate selgitada, miks Angular võeti kasutusele kliendipoolse raamistikuna?
• 38. Kas saate selgitada sõltuvuse süstimist Angularis?
• 39. Selgitage AOT-kompilatsioonide eeliseid?
• 40. Kas saaksite palun selgitada nurgaväljendite ja JavaScripti avaldiste erinevust?
• 41. Kas saate öelda mõningaid Angulari eeliseid teiste raamistike ees?
• 42. Selgitage Angular 6 funktsioone võrreldes Angular 5-ga?
• 43. Kas saate selgitada, kuidas AngularJS-i marsruudid töötavad?
• 44. Kas saate selgitada HTML-i koostamise etappe?
• 45. Kas saate selgitada linkimisfunktsiooni ja selle tüüpe Angularis?
• 46. ​​Kas saate AngularJS-is vahet teha linkimisel ja kompileerimisel?
• 47. Selgitage ulatuse tunnuseid?
• 48. Selgitage AngularJS-i tehasefunktsiooni?
• 49. Kas saate nimetada isiku, kes lõi AngularJS-i?
• 50. Kas saate selgitada stiilivormi, mille ngModel CSS-i klassidesse lisab?
• 51. Kas saate selgitada erinevusi Angular.JS ja Backbone.js vahel?
• 52. Selgitage AngularJS-i filtrite järjestust?
• 53. Kas saate selgitada topeltklõpsu sündmuste kasutamist AngularJS-is?
• 54. Selgitage AngularJS-is mittesiduv?
• 55. Kas saate näite abil selgitada ng-click direktiive Angularis?
• 56. Kas saate selgitada $routeProvider kasutamist?
• 57. Miks me kasutame AngularJs-is ng-include?
• 58. Nimetage levinumad Angular Global API funktsioonid?
• 59. Kas saate selgitada, kuidas saate Angularis küpsiseid seada, hankida ja kustutada?
• 60. Kas oskate nimetada paar Angular komponenti, mida saab sõltuvustena süstida?
• 61. Selgitage brauseri objekti mudelit (BOM)?
• 62. Kas saate selgitada $routeScope'i AngularJs-is?
• 63. Kas saate selgitada, kuidas AngularJsi kasutades Ajaxi kõnet teha?
• 64. Kas saate nimetada AngularJsi ulatuse elutsükli erinevaid ulatuseid?
• 65. Selgitage NPM?
• 66. Kirjutage tehasemeetodi süntaks lahtrisse `Angular?
• 67. Kas saate selgitada veebipaketi mõistet?
• 68. Kas saate selgitada, kuidas käsurea liidese abil Angularis uut projekti luua?
• 69. Selgitage teenindusmeetodit Angular?
• 70. Selgitage kohe kutsutud funktsiooni avaldist?
• 71. Selgitage ühelehelist rakendust AngularJs?
• 72. Mis on ngZone In Angular?
• 73. Selgitage autentimist nurgas?
• 74. Millised on põhinõuded AngularJS-iga töötamiseks?
• 75. Kas saame Angularis luua pesastatud kontrollereid?
• 76. Kuidas teisendada stringi nurgas valuutaks?
• 77. Kas saate ECMAScripti selgitada?
• 78. Selgitage Traceri koostamist?
• 79. Selgitage marsruutimist Angularis?
• 80. Mis on parameetritega torud AngularJS-is?
• 81. Kas saate nimetada AngularJS-i DSL-i animatsioonifunktsioone?
• 82. Nimetage AngularJsi metaandmete olulised osad?
• 83. Selgitage isoleeritud ühikuteste?
• 84. Selgitage AngularJs translatsiooni?
• 85. Millised on Angulari kasutusjuhud? Seletama?
• 86. Kas saate selgitada, kuidas Angularis dekoraatorit luua?
• 87. Selgitage, kuidas Angular 7-s klassi luua CLI abil?
• 88. Kas saate kirjeldada Angular 7 põhiomadusi?
• 89. Loetlege Angulari erinevad versioonid?
• 90. Kas saate selgitada Ivy koostajat?
• 91. Mis kasu on Ivy kompilaatorist?
• 92. Selgitage Angular 9 kolme uut funktsiooni?
• 93. Kas saate defineerida vaadeldavaid nurgakeeles?
• 94. Selgitage Angular 10 kolme uut funktsiooni?
• 95. Millised on Angulari lubadused?
• 96. Selgitage mõiste annotatsioon keeles Angular?
• 97. Mitut tüüpi malle on Angularis?
• 98. Selgitage mõistet omadus siduv keeles Angular?
• 99. Selgitage kahesuunalist köitmist keeles Angular?
• 100. Mis on Angular 7?
• Soovitatavad artiklid

100 parimat nurkintervjuu küsimust ja vastust

1. Selgitage, mida teate Angulari kohta?

Angular on veebiplatvorm ja raamistik, mis on loodud üheleheliste klientrakenduste loomiseks HTML-i ja masinakirja abil. Nurk on kirjutatud masinakirjana. Angular rakendab oma põhi- ja valikulisi funktsioone masinakirjateekide komplektina, mis imporditakse rakendustesse.

2. Kas saate selgitada Arhitektuuri Angular?

Google'i poolt – https://angular.io/docs/dart/latest/guide/architecture.html,
CC BY 4.0, https://commons.wikimedia.org/w/index.php?curid=51329241

Angular on raamistik, mis on ette nähtud kliendipõhiste rakenduste loomiseks HTML-is. Nurkraamistik koosneb erinevatest raamatukogudest. Kui mõned neist on põhilised ja mõned neist on valikulised.

Nurgaarhitektuur määratleb kaheksa peamist ehitusplokki, näiteks:

Moodulid: Angularil on juurmoodul nimega App moodul, mis pakub alglaadimismehhanismi ja vastutab selle käivitamise eest. Ja see rakenduse moodul sisaldab palju funktsionaalseid mooduleid.

Komponendid: Igal Angular-projektil on komponent, mida nimetatakse juurkomponentideks, ja see ühendub komponentide hierarhiaga lehe DOM-iga (Document Object Model). Siin määrab iga komponent klassi, mis koosneb loogika- ja rakenduseandmetest, mis on seotud HTML-malliga, mis määrab sihtrakenduses kuvatava vaate. Siin juhib komponent ekraani seda osa, mida nimetatakse vaateks.

Mallid: Nurgamallid on määratletud HTML-i ühendamiseks nurgamärgistusega, mida saab kasutada HTML-i elementide muutmiseks enne kuvamist. Mallijuhised pakuvad teile programmiloogikat ja sidumismärke, mis võimaldavad teil rakenduse andmed ühendada DOM-iga.

Metaandmed: Angulari metaandmed näitavad, kuidas klassi töödelda. Metaandmed kaunistavad klassi, et konfigureerida klassi eeldatav käitumine. Kasutame klassi metaandmeid, et öelda Angular rakendusele, et rakenduse komponent on komponent. Metaandmed lisatakse masinakirjale dekoraatori abil.

Andmeside: Andmete sidumine in Angular suhtleb malli ja selle komponentide vahel. Seda kasutatakse ka vanema ja lapse komponentide vaheliseks suhtlemiseks. Angular võimaldab meil määratleda ka komponendi ja DOM-i vahelist suhtlust, muutes selle interaktiivseks rakenduseks.

Direktiivid: Direktiivid on määratletud kui nurgarakenduste ehitusplokid. Angularil on palju sisseehitatud direktiive.

Teenused: Angularis loome teenuseklassi andmete või loogika jaoks, mis ei ole seotud konkreetse vaatega, ja soovite andmeid komponentide vahel jagada. Angular eristab komponente ja teenuseid, et suurendada korduvkasutatavust ja modulaarsust.

Sõltuvussüst : Angulari sõltuvuse süstimine hoiab teie komponendiklassid tõhusana. Sõltuvussüstimine delegeerib ülesanded teenustele, selle asemel, et tuua serveri andmeid ja valideerida kasutaja sisendeid.

3. Kas saate selgitada erinevust annotatsioonide ja dekoraatorite vahel nurgas?

4. Mis on analüüsitsükkel? Seletama?

Angular-i kokkuvõtte tsükkel on defineeritud kui jälgimisloendite jälgimine, et jälgida jälgitava muutuja jälgitava muutuja väärtust. Seedimisprotsess käivitatakse tavaliselt kaudselt, kuid on ka võimalus seda käsitsi aktiveerida, kasutades funktsiooni $Apply().

5. Kas saate meile öelda, milline on Angulari uusim versioon? Millised on selle uued funktsioonid?

Angular 8 on uusim versioon.

Mõned Angular kaheksa funktsioonid on loetletud allpool:

1. Angular 8 toetab masinakirja 3.4.
2. Angular 8-l on rakenduse koodi diferentsiaalkoormus.
3. Nurga kaheksat parandab kandevõime suurus ja ühilduvus. See on hõlbustanud silumist, kiirendanud taastamisaega jne.
4. Angular 8-l on dünaamiline import laiskade marsruutide jaoks.

6. Selgitage BootstrApping moodulit keeles Angular?

Angularis nimetatakse juurmoodulit, mis rakenduse käivitamiseks alglaaditakse, kui alglaadimismoodul. Igal Angulari rakendusel on see alglaadimismoodul. Alglaadimismoodulit nimetatakse ka AppModule'iks.

7. Nimetage erinevad filtrid, mida Angular toetab?

Angular toetab järgmisi filtreid:

8. Selgitage metamärkide marsruuti?

Metamärgi marsruut nurgas on defineeritud kui tee, mis sisaldab kahte tärni (*), mis võivad ühtida mis tahes antud URL-iga. See on kasulik, kui antud URL ei vasta ühelegi eelmääratletud marsruudile. Saame kasutada metamärki, selle asemel, et teha viga ja määratleda määratud komponent.

9. Mis on Angulari komponent?

Angulari komponent on määratletud kui loogiline koodijupp. Komponent sisaldab

1. Mall sisaldab HTML-i või URL-i, mis tuleb renderdada.
2. Klass vaadet toetavate omaduste ja meetodite määratlemiseks.
3. Metaandmed määratletakse dekoraatori abil.

Nurgaintervjuu küsimused ja vastused

10. Millised on erilised üleminekuolekud nurgas?

Nurga erilised üleminekuolekud on metamärk (*) ja tühine.

1. Siin võib metamärk sobida mis tahes üleminekuolekuga.
2. Siin olevat tühiolekut kasutatakse lehele sisenevate või lehelt lahkuvate elementide ülemineku konfigureerimiseks.

11. Nimeta erinevat tüüpi kompilatsioone Angularis?

Angularis on kahte tüüpi kompilatsioone:

1. AOT (enne tähtaega)
2. JIT (just õigel ajal)

12. Selgitage faili Package.json ja selle eesmärki?

Seda on lihtne projekti juhtida sõltuvused JSON-pakettide abil. Package.json võimaldab meil määrata üksikasju, nagu versioon, keel jne. Näiteks kui kasutame oma projektis masinakirja, on meil lubatud mainida masinakirja ja selle versiooni.

Mõned näited on tsconfig.json, metadata.json jne.

13. Selgitage malle keeles Angular?

Nurgamallid on HTML-vaade, kus sidumise juhtelemendid saavad kuvada andmeid nurga komponendi atribuutidele. Malle saab määratleda atribuudi abil:

Mall: Minu näidis1 mall

Malle saab kutsuda ka teisest HTML-failist, kasutades atribuuti @Component dekoraatori URL-i atribuut: templateUrl: 'App/App.component.html.'

14. Kas saate selgitada, mis on Angular CLI? Kuidas te seda kasutate?

Angular CLI-d kasutatakse täieliku arendusprotsessi automatiseerimiseks. Angular CLI abil muutub rakenduse initsialiseerimine, konfigureerimine ja arendamine väga lihtsaks ja lihtsaks. Command Line Interface (CLI) abiga saame luua uusi projekte, lisada uusi funktsioone, ühikutestid , ja täielikud testid, tippides mõned käsud. Angular CLI abil on nii arendus kui testimine muutunud kiiremaks.

15. Kas saate meile öelda, kas marsruutimismoodul on rakenduse jaoks kohustuslik?

Vastavalt Angular trassi dokumentatsioonile on marsruudi kasutamine koos komponentidega kohustuslik.

16. Kas saate selgitada, mis klasside dekoraatorid on Angularis?

Angulari klasside dekoraatorid koosnevad sobiva klassitüübi metaandmetest. Klasside kaunistajad ilmuvad enne klassi määratlust ja nad deklareerivad klassi teatud tüüpi. Mõned näited klasside dekoraatoritest on @pipe, @component, @Injectable, @NgModule.

17. Kas saate selgitada, millised direktiivid on Angularis, ja nimetada nurga keeles kõige sagedamini kasutatavad direktiivid?

Nurkdirektiivide abil saavad arendajad kirjutada rakendusespetsiifilisi kohandatud HTML-i süntakse. Uus keel on nüüd DOM-is kirjutatud. Kui leitakse uus HTML-i süntaks, täidab Angular-kompilaator käskkirja funktsioone.

Meil on Angularis nelja tüüpi direktiive, nimelt.

1. Atribuudi direktiiv
2. Komponentide direktiiv
3. Struktuuridirektiiv.
4. Kohandatud direktiiv

Kõige sagedamini kasutatavad direktiivid on loetletud allpool.

1. mudeli järgi
2. rakendusest
3. sidumata
4. kordus
5. etendusest

18. Selgitage, mis on toru nurga all? Kas kirjutada demonstreerimiseks lihtne kood?

Pipe(|) in Angular kasutatakse sisendandmete teisendamiseks soovitud vormingusse.

Näide

Maksumus on { valuuta }

19. Kas teha vahet Angular ja Angular JS vahel?

20. Selgitage AOT ja JIT erinevusi?

Nurgaintervjuu küsimused ja vastused

21. Loetlege komponendi ja direktiivi erinevused Angularis?

22. Selgitage AngularJS moodulit?

Angular JS moodulit kasutatakse rakenduse määratlemiseks ja see on rakenduse erinevate osade konteiner. See on ka rakenduskontrollerite konteiner. Angular JS moodul on konteiner rakenduse erinevate osade jaoks, nagu kontroller, direktiivid, teenus, filtrid, tehased jne.

23. Selgitage kontrollereid nurgas?

Angular JS-rakendused toetuvad kontrolleritele, et juhtida rakenduse andmevoogu. AngularJs-is määratleme kontrolleri, kasutades ng. Kontrolleri direktiiv. Kontrollerit saab defineerida kui JavaScripti objekti, mis koosneb atribuutidest, omadustest ja funktsioonidest.

24. Kas saate selgitada nurkvormide funktsioone?

Rakendused kasutavad vorme, et võimaldada kasutajatel sisse logida, sisestada tundlikke andmeid, värskendada kasutajaprofiili ja teha palju muid andmesisestustoiminguid. Vormiandmete, st kasutaja sisendite käsitlemiseks on kaks võimalust, nimelt reaktiivsed ja mallipõhised.

1. Siin jäädvustavad mõlemad lähenemisviisid kasutaja sisendsündmused vaatest.
2. Mõlemad kinnitavad kasutaja sisestusi,
3. Mõlemad loovad värskendamiseks vormi ja andmemudeli
4. Need võimaldavad muudatusi jälgida.

Reaktiivsed vormid Angularis pakuvad otsest ja selget juurdepääsu antud aluseks olevale vormiobjekti mudelile. Need reaktiivsed vormid on tugevamad, skaleeritavamad, korduvkasutatavad ja testitavad. Kasutage reaktiivseid vorme, kui teie vormid on rakenduse oluline osa.

Mallipõhised vormid In Angular on vormid, mis tuginevad aluseks oleva objektimudeli loomisel ja manipuleerimisel mallijuhistele. Mallipõhised vormid on abiks lihtsa vormi lisamisel rakendusele, näiteks meili registreerimisvormile. Neid vorme on lihtne rakendusse lisada ja need ei ole reaktiivsete vormidena skaleeritavad. Saate valida mallipõhised vormid, kui teil on põhiline vorminõue ja antud loogikat saavad säilitada ainult mallid.

25. Kas saate selgitada elutsükli konkse?

Angulari elutsükli konksud on defineeritud kui protsesside kogum, mille Angular läbib algusest lõpuni.

26. Kas saate meile öelda, kuidas metaandmeid nurgas esitatakse?

Angularis esitatakse metaandmeid selliste dekoraatorite abil nagu

1. Klassi dekoraatorid
2. Kinnisvara sisekujundajad
3. Meetod dekoraatorid
4. Parameetrite dekoraatorid

27. Kas saate selgitada mõningaid Angulari kasutamise eeliseid?

Mõned Angulari kasutamise eelised on loetletud allpool:

1. See toetab kahesuunalist andmete sidumist.
2. See toetab nii malli süntaksit kui ka valideerimist.
3. See võimaldab meil lisada kohandatud animatsioone, teenuseid ja juhiseid.
4. Angular pakub sujuvat sündmuste käsitlemise protsessi.
5. Angular pakub kliendi-serveri sidet ja rahustav teenuseid.
6. See jõustab hierarhilise sõltuvuse sisestamise struktuuri.

28. Selgitage andmete sidumist AngularJS-is?

Andmete sidumine AngularJs on defineeritud kui andmete automaatne sünkroonimine mudeli ja vaate komponentide vahel.

29. Nimetage andmesidemete tüübid Angularis? Seletama?

Angularis on nelja tüüpi andmesidemeid, nimelt

1. Stringi interpolatsioon
2. Omandi sidumine
3. Sündmuse sidumine
4. Kahesuunaline köide

30. Kas eristada ühesuunalist köitmist ja kahesuunalist köitmist?

31. Miks on HTTP-klient oluline?

Nurgarakendustes on HTTP klient HTTP API lihtsustatud versioon. HTTP-klient võimaldab paremaid vigade käsitlemise mehhanisme, päringute ja vastuste pealtkuulamist, jälgitavaid API-sid, trükitud päringuid ja vastuseobjekte.

Nurgaintervjuu küsimused ja vastused

32. Kas saate palun selgitada Angulari erinevaid omadusi?

Angulari erinevad funktsioonid on loetletud allpool:

1. Angular võimaldab teil luua juurdepääsetavaid rakendusi, kasutades ARIA-toega komponente ja väljatöötatud juhendeid.
2. Nurga tugi käsurea liidese tööriistad. Mida kasutatakse komponentide lisamiseks, koheseks juurutamiseks, testimiseks jne
3. Angular kasutab oma intuitiivset API-t, mis võimaldab luua suure jõudlusega ja keerukaid animatsioone vähema koodiga.
4. Nurktoed Cross-Platform Rakenduste arendus . Seda saab kasutada tõhusa, võimsa töölaua ja progressiivse töölaua loomiseks veebilehed .
5. Angular saab teisendada mallid kõrge optimeeritud koodiks, mida kasutatakse kaasaegse JavaScripti jaoks virtuaalsed masinad .
6. Angular komponendi ruuteril on automaatne koodijagamise võimalus, nii et laaditakse ainult vajalik kood.
7. Angularil on lähtekoodiredaktorid ja IDE-d, mis pakuvad koodi lõpetamist, koheseid vigu jne.
8. Angularil on lihtsad ja võimsad mallikujundused, mis võimaldavad teil luua kasutajaliidese.
9. Angularil on oma viis karmat kasutades sageli katsetada.

33. Selgitage MVVM arhitektuuri?

MVVM-i arhitektuur on konstrueeritud nii, et see eemaldab komponentidevahelise tiheda sideme. Arhitektuur koosneb peamiselt kolmest osast.

1. Mudel
2. Vaade
3. Vaata mudelit

Mudel määratleb rakenduse andmed ja äriloogika. Lihtsamalt öeldes koosneb mudel olemi struktuurist.

Vaade esindab rakenduse visuaalset kihti. See koosneb peamiselt kasutajaliidese koodist, see vastutab kasutaja toimingute saatmise eest ViewModelile ning ei saa omakorda vaatemudelilt tagasisidet.

Vaatemudel esindab rakenduse abstraktset kihti, mis toimib ühendava sillana vaate ja mudeli vahel. Vaatamise ja kuvamise mudelid on omavahel seotud andmete sidumisega. Seega, kui vaates tehakse muudatusi, märgib vaatemudel muudatused üles ja värskendab mudelit uute andmetega.

34. Selgitage stringide interpoleerimist Angularis?

Stringi interpolatsiooni Angularis nimetatakse teatud tüüpi süntaksiks, mis kasutab komponendi andmete kuvamiseks malliavaldisi. Kasutatavad malliavaldised on ümbritsetud {{}}-ga (kahekordsed lokkis sulgud).

Siin tuleks javascripti avaldised, mida Angular peab käivitama, lisada lokkis sulgudesse ja väljund manustatakse HTML-koodi.

35. Kas saate Angularil ja Jqueryl vahet teha?

36. Selgitage vaatekapseldamist ja kui mitmel viisil saame seda saavutada?

Vaatekapseldus nurgas määrab, kas konkreetse komponendi määratletud stiilid mõjutavad kogu rakendust.

Nurk toetab kolme tüüpi kapseldamist, nimelt

Emuleeritud:Siin suhtlevad HTML-i stiilid komponendiga. Komponenti @component dekoraatoris määratletud stiilid kehtivad ainult sellele määratud komponendile.Native: Siin ei suhtle HTML-i stiilid komponendiga.Mitte ühtegi: Siin edastavad komponendi stiilid tagasi HTML-i ja seega on need nähtavad kõigile lehe komponentidele.

37. Kas saate selgitada, miks Angular võeti kasutusele kliendipoolse raamistikuna?

Dünaamiliste veebisaitide arendamiseks kasutasid arendajad traditsioonilisi VanillaJS-i ja JQuery. Programmeerijatel oli raske sellist koodi hooldada, kuna varem muutus veebisait keerukamaks, lisades funktsioone ja funktsioone. Jqueryl polnud vaadete andmete töötlemiseks vahendeid.

Nende probleemide lahendamiseks loodi Angular, mis muudab selle arendajatele lihtsaks, jagades koodi väikesteks teabetükkideks, mida Angularis nimetatakse komponentideks. Kliendipoolne raamistik võimaldab kõige arenenuma veebi arendamine rakendused nagu SAP.

38. Kas saate selgitada sõltuvuse süstimist Angularis?

Angulari sõltuvuse süstimine on rakenduse disainimuster ja see moodustab Angulari põhikontseptsioonid. Angulari sõltuvusi saab määratleda kui teenuseid, millel on spetsiifilised funktsioonid. Angulari erinevad komponendid ja direktiivid võivad vajada teenuse neid funktsioone. Siin pakub Angular sujuvat protsessi, mille käigus sõltuvused sisestatakse direktiividesse ja komponentidesse.

39. Selgitage AOT-kompilatsioonide eeliseid?

Angular-rakendus tuleb enne brauseris käivitamist kompileerida, kuna Angular-rakendus sisaldab spetsiifilisi komponente ja malle, mida brauser ei mõista. Angular-kompilaator võtab JS-koodi ning kompileerib ja toodab JS-koodi, mida nimetatakse AOT-kompileerimiseks. See juhtub iga rakenduse ja kasutaja ja juhtumi kohta.

Allpool on loetletud mõned AOT-i koostamise eelised:

1. Kiire renderdus: brauser laadib käivitatava koodi ja kuvab selle kohe, kui rakendus on kompileeritud enne brauseris käivitamist.
2. Sellel on vähem Ajaxi päringuid: siin kõrvaldab kompilaator lähtefaili AJAX-i päringud, saates koos rakendusega välise HTML- ja CSS-faili.
3. See minimeerib vigu: muudab ehitusfaasis vigade tuvastamise ja käsitlemise lihtsaks.
4. See tagab parema turvalisuse: AOT-kompilaator lisab HTML-i ja mallid JS-faili enne, kui rakendus brauseris käivitatakse. Seetõttu pole lugemiseks vaja täiendavat HTML-faili. Seega tagab see rakendusele parema turvalisuse.

40. Kas saaksite palun selgitada nurgaväljendite ja JavaScripti avaldiste erinevust?

Nurgaintervjuu küsimused ja vastused

41. Kas saate öelda mõningaid Angulari eeliseid teiste raamistike ees?

Allpool on loetletud mõned Angulari eelised teiste raamistike ees:

MVC arhitektuur : MVC arhitektuur loob aluse sellistele funktsioonidele nagu andmete sidumine ja ulatused. Arhitektuur omistab kliendipoolsete rakenduste loomise ajal raamistikule väärtust. MVC arhitektuur on võimaldanud isoleerida rakenduse loogika kasutajaliidesest, toetades probleemide eraldamist.

Moodulid : Angular sisaldab mooduleid, mis on käskkirjade, torude, komponentide ja tasuta teenuste rühmitamise protsess ning neid saab rakenduse loomiseks kombineerida teiste moodulitega.

Teenused ja sõltuvussüst : Angularil on sõltuvuse süstimine, kujundusmuster, mida kasutatakse sõltuvuste täitmiseks. See jagab ülesande erinevate teenuste vahel. Nurkpihusti loob teeninduseksemplare ja sisestab need komponentidesse ja teenustesse.

Kohandatud direktiivid : Angular customis parandavad direktiivid HTML-i funktsionaalsust, mis sobib dünaamilise kliendirakendusega. Mõned neist on ngModel, ngClass, ngStyle.

Masinakiri : Angular on kirjutatud masinakirjas, mis on JavaScripti superkomplekt. Kood on kompileeritud javascripti ja kõrvaldab kodeerimisel levinumad vead.

42. Selgitage Angular 6 funktsioone võrreldes Angular 5-ga?

Järgmised on Angular 6 omadused võrreldes Angular 5-ga:

Nurga elemendid: Angular 6 elementide pakett Angular 6 võimaldab meil luua Angular elemendi ja avaldada selle veebikomponendina, mida hiljem HTML-lehel kasutatakse. See on hea valik üheleheliste rakenduste arendamiseks.

Ivy renderdaja : Ivy keskendub kiiruse parandamisele, suuruse vähendamisele ning suurendab paindlikkust, vähendades rakenduse suurust ja muudab koostamise kiiremaks. See oluline funktsioon vähendab koodi suurust koodi gzippimise teel.

Sulgemise kompilaator : Seda kasutatakse Javascripti moodulite loomiseks Google'i veebirakenduste jaoks. See genereerib väiksemaid pakette ja kõrvaldab surnud koodi.

Komponentide arenduskomplekt: Sellel on komponentide arenduskomplekt, mis sisaldab rohkem kui 30 kasutajaliidese komponenti. CDK võimaldab meil luua oma kasutajaliidese komponentide raamatukogu, kasutades Angular Materiali. See kõrvaldab sellised teegid nagu Flexi paigutus, CSS-i ruudustiku õppimine, toetades tundliku veebidisaini paigutust.

Teenindustöötaja : skript, mis töötab veebibrauseris ja suudab iga rakenduse jaoks vahemällu salvestada.

Ng Lisa: Angular CLI-s olev käsk ngAdd võimaldab teil alla laadida ja installida uusi pakette.

Värskendus: Angulari meeskond lisab selle, et kasutajad saaksid värskendada versiooni Angular 5 versioonist Angular 6.

Värskendusel tuleb järgida kolme sammu:

1. Värskenda @Angular/CLI
2. Värskendage oma Angular raamistiku pakette
3. Värskendage muid sõltuvusi

Animatsiooni jõudluse täiustused: Angular6 on värskendatud uute animatsiooni jõudluse täiustustega. Pole vaja veebianimatsiooni polütäitmist.

Puu raputamine: Nad on teisaldanud mooduli viitamise teenused teenuse viitamise moodulitesse, muutes rakenduse väiksemaks.

43. Kas saate selgitada, kuidas AngularJS-i marsruudid töötavad?

AngularJS-i marsruudid võimaldavad arendajal luua rakenduse erineva sisu jaoks erinevaid URL-e. Nüüd võimaldavad erineva saadaoleva sisu erinevad URL-id meil iga sisu jaoks spetsiifilised URL-id järjehoidjatesse lisada. Järjehoidjatesse lisatavad URL-id AngularJS-is on tuntud kui marsruudid.

44. Kas saate selgitada HTML-i koostamise etappe?

HTML-i koostamine toimub järgmiselt:

1. HTML sõelutakse standardse brauseri API abil DOM-i.
2. Järgmisena kutsutakse DOM-i kompileerimiseks meetod $compile(). See meetod liigub läbi DOM-i ja vastab konkreetsetele direktiividele.
3. Järgmisena peate linkima malli ulatusega, kutsudes välja eelmises etapis tagastatud konkreetse linkimisfunktsiooni.

45. Kas saate selgitada linkimisfunktsiooni ja selle tüüpe Angularis?

Angulari linkimisfunktsioon tegeleb DOM-i ulatuse kombineerimisega ja linkimisfunktsioon vastutab DOM-kuulajate registreerimise ja DOM-i värskendamise eest. Meil on kahte tüüpi linkimisfunktsioone, nimelt eellinkimise ja linkimise järelfunktsioonid.

Eellinkimise funktsioon:See funktsioon käivitatakse enne alamelementide linkimist. See funktsioon ei ole DOM-i teisenduste jaoks ohutu viis.Linkimisjärgne funktsioon:See funktsioon käivitatakse pärast alamelementide linkimist. Seda peetakse turvaliseks viisiks DOM-i teisendamiseks.

46. ​​Kas saate AngularJS-is vahet teha linkimisel ja kompileerimisel?

47. Selgitage ulatuse tunnuseid?

Ulatuse omadused on järgmised:

1. Scope pakub mudelimutatsioonide jälgimiseks API-sid.
2. Ulatust kasutatakse mudeli muudatuste levitamiseks läbi süsteemi vaatesse.
3. Ulatus võib pärida atribuudid oma emavaldkonnast. Rakenduse komponentide eraldamiseks Angularis saab pesastada ulatuseid.
4. Ulatus annab konteksti, mille suhtes väljendeid hinnatakse.

48. Selgitage AngularJS-i tehasefunktsiooni?

AngularJS-is kasutatakse direktiivide loomiseks tehasemeetodit. Tehasefunktsiooni käivitatakse või kutsutakse ainult siis, kui kompilaator vastab direktiivile. Võite kasutada $injektorit. Tehasemeetodi kutsumiseks kutsuge välja.

49. Kas saate nimetada isiku, kes lõi AngularJS-i?

Adam Abrons ja Misko Hevery töötasid välja AngularJS-i.

50. Kas saate selgitada stiilivormi, mille ngModel CSS-i klassidesse lisab?

Vormi kujundamise lubamiseks lisab NgModel CSS-i klassidele järgmise.

1. kehtiv.
2. of-Invalid
3. põlised
4. määrdunud

51. Kas saate selgitada erinevusi Angular.JS ja Backbone.js vahel?

52. Selgitage AngularJS-i filtrite järjestust?

Järjestusfiltri järgi järjestatakse massiivid kindlate kriteeriumide alusel.

Allpool olev näide kirjeldab, kuidas kasutada tellimuse järgi

53. Kas saate selgitada topeltklõpsu sündmuste kasutamist AngularJS-is?

Topeltklõpsu sündmus võimaldab kasutajal määrata kohandatud käitumist, topeltklõpsates veebilehel hiirt.

54. Selgitage AngularJS-is mittesiduv?

Ng-non-bindable määrab, et AngularJS ei kompileeri HTML-elementi ja sellele vastavaid alamsõlmesid. Näiteks:

55. Kas saate näite abil selgitada ng-click direktiive Angularis?

Ng-click direktiive Angularis kasutatakse stsenaariumide korral, näiteks kui soovite toimingu sooritamiseks klõpsata nupul.

Näide:

56. Kas saate selgitada $routeProvider kasutamist?

$routeProvider in Angular määrab URL-i konfiguratsiooni ja seda kasutatakse seotud ng-malli või HTML-lehe kaardistamiseks ning see ühendab kontrolleri samaga.

57. Miks me kasutame AngularJs-is ng-include?

Ng-include aitab meil manustada kõik HTML-lehed ühele HTML-lehele.

Näiteks:

58. Nimetage levinumad Angular Global API funktsioonid?

Mõned sagedamini kasutatavad globaalse API funktsioonid on loetletud allpool.

Angular.isString:See funktsioon tagastab tõene ainult siis, kui antud viide on stringi tüüpi.Nurk.väiksed tähed:Seda kasutatakse mis tahes stringi teisendamiseks väiketähtedeksNurgeline. Suurtähed:Seda kasutatakse mis tahes stringi teisendamiseks suurtähtedeks.Angular.isNumber:See funktsioon tagastab väärtuse tõene ainult siis, kui viide on arvväärtus või arv.

59. Kas saate selgitada, kuidas saate Angularis küpsiseid seada, hankida ja kustutada?

Kasutame Angularis küpsiste seadmiseks, hankimiseks ja kustutamiseks järgmisi meetodeid:

1. $küpsised. küpsiste seadmiseks kasutatakse meetodit put().
2. $küpsised. küpsiste hankimiseks kasutatakse meetodit get().
3. $küpsised. Angularis küpsiste eemaldamiseks kasutatakse eemaldamismeetodit.

60. Kas oskate nimetada paar Angular komponenti, mida saab sõltuvustena süstida?

Angular komponendid, mida saab sõltuvustena süstida, on järgmised:

1. Väärtus.
2. Tehas.
3. Teenindus.
4. Pakkuja.
5. Püsiv.

61. Selgitage brauseri objekti mudelit (BOM)?

Angulari brauseri objektimudel sisaldab ajalugu, ekraani asukohta, objektide navigaatorit jne. Seda kasutatakse globaalsete brauseriobjektide (nt aken, kohalik salvestusruum ja konsool) kirjeldamiseks.

62. Kas saate selgitada $routeScope'i AngularJs-is?

$rootScope luuakse dokumendiobjekti mudeli elemendil. Rakendusel on tavaliselt ainult üks $rootScope, mida jagatakse teiste komponentidega. $routeScope saab vaadata avaldisi ja ka levitada. sündmused.$routeScope'il on ng-App direktiiv.

63. Kas saate selgitada, kuidas AngularJsi kasutades Ajaxi kõnet teha?

AngularJS pakub $https: juhtelementi, mis aitab serveriandmete lugemiseks ajax-kõnesid teha. AngularJs-is teeb server määratud kirjete saamiseks andmebaasikõne. Kui teie andmed JSON-vormingus on valmis, saate serveri andmete toomiseks kasutada $https-i.

64. Kas saate nimetada AngularJsi ulatuse elutsükli erinevaid ulatuseid?

AngularJ-i ulatuse elutsükli erinevad ulatused on loetletud allpool.

1. Loomine.
2. Mudeli mutatsioon.
3. Vaatleja registreerimine.
4. Mutatsioonide vaatlemine.
5. Ulatuse hävitamine.

65. Selgitage NPM?

NPM, st Node Package Manager, koosneb käsurea tööriistakliendist, mis suhtleb hoidla projektiga Node.js.

66. Kirjutage tehasemeetodi süntaks lahtrisse `Angular?

Tehase meetodi süntaks on järgmine:

App.factory('teenuseNimi',function(){ return serviceObj;})

67. Kas saate selgitada veebipaketi mõistet?

Webpack in Angular on moodulite komplekteerija. Seda kasutatakse nurkrakenduste komplekteerimiseks, transpilaatoriteks ja minimeerimiseks.

68. Kas saate selgitada, kuidas käsurea liidese abil Angularis uut projekti luua?

Uue projekti loomiseks peate käivitama Angular käsurea liideses käsu ng-new project name.

69. Selgitage teenindusmeetodit Angular?

Teenindusmeetodid aitavad määratleda teenuseid ja selle tegemise viise.

70. Selgitage kohe kutsutud funktsiooni avaldist?

Kohe kutsutud funktsioonide avaldis nurgas on funktsioon, mis käivitatakse kohe pärast selle loomist. See funktsioon pakub viisi muutuja deklaratsiooni isoleerimiseks. IIFE funktsioonid sisaldavad kahte peamist funktsiooni, nimelt

1. operaator()
2. väljend()

71. Selgitage ühelehelist rakendust AngularJs?

Üheleheline rakendus Angularis on veebirakendus või veebileht, mis suhtleb kasutajatega dünaamiliselt. Angulari üksikute lehtede näideteks on JavaScript, HTML ja CSS. SPA suudab navigeerida ilma kogu HTML-lehte värskendamata.

72. Mis on ngZone In Angular?

NgZone'i saab määratleda kui JavaScripti ümbrisklassi, mida tähistab zone.js. Seda kasutatakse selleks, et võimaldada arendajatel käivitada koodi selgesõnaliselt väljaspool Angulari tsooni, mis omakorda takistab Angularil muudatuste tuvastamist.

73. Selgitage autentimist nurgas?

Nurga autentimine on teenus, mida kasutatakse Angular rakenduse sisse- ja väljalogimiseks. Kasutajate mandaadid edastatakse serveri API-le. Pärast mandaatide serveripoolset kinnitamist tagastatakse JSON-i veebiluba, mis annab üksikasjad praeguse kasutaja kohta.

74. Millised on põhinõuded AngularJS-iga töötamiseks?

Esiteks peate veebisaidilt alla laadima AngularJS-i uusima versiooni angularjs.com . Selle kohalikuks hostimiseks vajate JS-faili. Võite kasutada ka Google'i CDN-i.

75. Kas saame Angularis luua pesastatud kontrollereid?

Jah, saame Angularis luua pesastatud kontrollereid.

76. Kuidas teisendada stringi nurgas valuutaks?

Antud stringisisendi saame teisendada valuutatüübiks, kasutades Angularis valuutafiltrit.

77. Kas saate ECMAScripti selgitada?

European Company Manufacturer’s Association on standardne skriptikeel. Javascripti veeb kasutab põhikeelena ECMAScripti. Arendajad kasutavad seda kliendipoolsete skriptide kirjutamiseks W.W.W-s (World Wide Web) või serverirakendustes ja teenustes. ECMAScript sisaldab selliseid funktsioone nagu prototüüp, funktsionaalsed, dünaamilised ja struktureeritud funktsioonid.

78. Selgitage Traceri koostamist?

Traceur on määratletud kui JavaScripti kompilaator, mis kasutab klasse, generaatoreid ja muid ECMAScripti funktsioone.

79. Selgitage marsruutimist Angularis?

Routing in Angular on meetod, mis ühendab erinevaid vaateid. Otsuse vaadete kombineerimise kohta teeb kontroller sõltuvalt loogikast.

80. Mis on parameetritega torud AngularJS-is?

Torudel võib AngularJs olla rohkem kui üks parameeter, et peenväljundit häälestada. Nurga parameetritega toru luuakse toru deklareerimisel kooloniga (:). Käärsoole (:) kasutatakse mitme parameetri väärtuse eraldamiseks.

81. Kas saate nimetada AngularJS-i DSL-i animatsioonifunktsioone?

AngularJS-i DSL-i animatsioonifunktsioonid on loetletud allpool:

1. Grupp()
2. olek ()
3. üleminek ()
4. võtmekaadrid ()
5. käivitajad ()
6. stiilid ()
7. järjestus()
8. animeeritud ()

82. Nimetage AngularJsi metaandmete olulised osad?

AngularJsi metaandmete olulised osad on:

1. Klassi dekoraator
2. Meetod dekoraator
3. Parameetrite dekoraator
4. Kinnistu sisekujundaja

83. Selgitage isoleeritud ühikuteste?

Angulari isoleeritud ühikutestid on protsessid klassi eksemplari kontrollimiseks ilma nurgasõltuvusi või sisestatud väärtusi kasutamata. Need isoleeritud üksuse testid aitavad meil programmi väga lihtsalt rakendada.

84. Selgitage AngularJs translatsiooni?

Ülekandmine võimaldab arendajatel algse direktiivi alammäära ümber paigutada malli sees määratud asukohta. Ülekandmiseks kasutatakse Ng-transclude-slot või ng-transclude direktiive.

85. Millised on Angulari kasutusjuhud? Seletama?

1. Progressiivsed veebirakendused (PWA)
2. Ühelehelised rakendused (SPA-d)
3. Mitmelehelised rakendused (MPA)
4. Töölauale installitud rakendused Macile, Windowsile ja Linux .

86. Kas saate selgitada, kuidas Angularis dekoraatorit luua?

Ülaltoodud kooditükk loob dekoraatori, mida nimetatakse Angularis prooviks.

87. Selgitage, kuidas Angular 7-s klassi luua CLI abil?

klassi näidise genereerimiseks [valikud]

Ülaltoodud koodi kasutatakse Angular 7-s klassi nimega sample loomiseks.

88. Kas saate kirjeldada Angular 7 põhiomadusi?

1. CLI viibad
2. Nurga materjali- ja arenduskomplekt (CDK)
3. Angular 7 pukseerimismooduli funktsioon võimaldab meil luua lihtsaid pukseerimisliideseid.
4. Virtuaalne kerimine Angular 7-s laadib ja laadib DOM-ist maha need üksused, mis sõltuvad loendi nähtavatest osadest, ning seega teeb see suure keritava loendiga kiire kasutuskogemuse.
5. Rakenduse jõudlus Täiustused.
6. Dokumentatsiooni uuendused.

89. Loetlege Angulari erinevad versioonid?

Angulari erinevad versioonid on loetletud allpool:

1. Angular versioon 1.0
2. Angular versioon 2.0
3. Angular versioon 4.0
4. Angular versioon 5.0
5. Angular versioon 6.0
6. Angular versioon 7.0
7. Angular versioon 8.0
8. Angular versioon 9.0
9. Angular versioon 10.0
10. Angular versioon 11.0

90. Kas saate selgitada Ivy koostajat?

Angulari Ivy kompilaator on järgmise põlvkonna kompileerimis- ja renderduskonveier. See on Angulari uus funktsioon, mis võeti kasutusele Angular 9-s, mis asendas vaatemootori.

91. Mis kasu on Ivy kompilaatorist?

Ivy kompilaatori eelised on järgmised:

1. Sellel on väiksem kimbu suurus.
2. Sellel on täiustatud CSS-klassid.
3. Sellel on lihtsustatud tüübikontroll.
4. Ivy kompilaator on parandanud stiiliköitmist.
5. See on lühendanud koostamisaegu ja suurendanud kompilaatori jõudlust.

92. Selgitage Angular 9 kolme uut funktsiooni?

Angular 9 funktsioonid on loetletud allpool:

1. Angular 9-le on lisatud masinakirja 3.8 tugi.
2. Sellel on täiustatud HTML-i ja väljendi süntaksi esiletõstmine.
3. Angular 9-s on TSLint 6.1 kasutamine vaikimisi määratud.

93. Kas saate defineerida vaadeldavaid nurgakeeles?

Angularis jälgitavad andmed edastavad sõnumeid erinevate rakenduseosade vahel. Nad vastutavad paljude asünkroonsete toimingute, näiteks:

1. Nad määratlevad kohandatud sündmused, edastades väljundandmed alamkomponendist juurkomponendile.
2. Nad reageerivad erinevatele kasutaja sisendsündmustele.
3. Vaadeldavad objektid käsitlevad mitut AJAX-i päringut ja vastust.

94. Selgitage Angular 10 kolme uut funktsiooni?

Angular 10 omadused on järgmised:

1. Angular 10-le lisatakse masinakirja 3.9 tugi.
2. Baasteede arvutamine on jõudluse suurendamiseks laisk.
3. Angular10 on suurendanud tüübikontrolli jõudlust.

95. Millised on Angulari lubadused?

Promises in Angular pakuvad võimalust täita asünkroonseid funktsioone seerias, registreerides lubaduse objekti.

96. Selgitage mõiste annotatsioon keeles Angular?

Nurgamärkusi kasutatakse atribuutide annotatsioonide loomiseks, mis omakorda salvestavad massiivi.

97. Mitut tüüpi malle on Angularis?

Angularis on kahte tüüpi malle, nimelt.

1. Staatiline mall.
2. Dünaamiline mall.

98. Selgitage mõistet omadus siduv keeles Angular?

Atribuutide sidumine aitab teil määrata HTML-i elementide või direktiivide atribuutidele konkreetseid väärtusi. Atribuudi sidumise abil saate väärtusi jagada erinevate komponentidega ja saate määrata teed programmiliselt.

99. Selgitage kahesuunalist köitmist keeles Angular?

Angularis kahesuunaline sidumine on atribuudi sidumise ja sündmuste sidumise kombinatsioon. See on mehhanism, kus see ühendab sisendi ja väljundi sidumise ühe märgistusena, kasutades ngModeli direktiivi.

100. Mis on Angular 7?

Angular7 on määratletud kui avatud lähtekoodiga JavaScripti raamistik, mida kasutatakse veebirakenduste ja rakenduste arendamiseks HTML-is, masinakirjas ja Javascriptis. Sellel on sisseehitatud funktsioonid animatsioonide ja HTTP-teenuste jaoks.

Edu teile nurkintervjuu puhul ja loodame, et meie nurkintervjuu küsimused ja vastused olid teile abiks. Kui otsite tööd MicroStrategy valdkonnas, siis võite tutvuda meiega MicroStrategy intervjuu küsimused .