Kaj je kotni 2?
Za izdelavo spletnih aplikacij v HTML in JavaScript se uporablja okvir JavaScript, znan kot Angular 2, ki ga je zgradil Google. Med delom z aplikacijami na eni strani lahko ovire, s katerimi se soočimo, pogosto premagamo z uporabo Angular 2.
Moduli v kotni 2
V aplikaciji logične meje sestavi Angular 2. Funkcionalnosti bi lahko ločili v različne module, namesto da bi vse postavili v eno aplikacijo. Spodaj je nekaj delov, iz katerih je izdelan modul -
- Za dostop do funkcionalnosti v aplikaciji so komponente, ki jih je treba naložiti, s pomočjo Bootstrap matrike obveščene na Angular JS. Komponento je treba deklarirati v zagonskem nizu, da se lahko v aplikaciji Angular JS uporablja v drugih komponentah.
- Cevi, derivati, sestavni deli in podobno se izvažajo preko izvoznega niza, ki se uporablja v drugih modulih.
- Iz drugih kotnih modulov JS je mogoče funkcionalnost uvesti s pomočjo uvozne matrike.
Arhitektura kotne 2
Anatomija aplikacije Angular 2 je opisana v zgornjem diagramu. Funkcionalnost aplikacije določa vsaka komponenta, ki je logična meja. Funkcionalnost med komponentami se deli s pomočjo večplastnih storitev.
Sestavni del je določen z razredom, predlogo in metapodatki. Lastnosti in metode so sestavljene iz razreda. Funkcionalnost razreda je razširjena in okrašena s pomočjo metapodatkov. Pogled HTML aplikacije lahko določite s pomočjo predloge.
Ta aplikacija ima en korenski modul in več komponent, ki ločujejo funkcionalnost.
Podobno kot Root Angular modul ima tudi funkcijski modul več komponent, ki porazdelijo funkcionalnost.
V aplikaciji Angular JS logični del kode definirajo komponente.
- Vezava in izvedeni finančni instrumenti se opravijo s predlogo, ki vsebuje HTML aplikacije in pokaže pogled na aplikacijo.
- Lastnosti in metode so prisotne v razredu, ki podpira pogled aplikacije in je opredeljen v TypeScript. Ima ime razreda, ime lastnosti, vrsto lastnosti in vrednost.
- Z dekoraterjem se opredelijo metapodatki, ki imajo dodatne podatke.
Kotne 2 funkcije
Moč HTML-ja se razširi s pomočjo elementa HTML po meri, imenovanega direktiva. Direktivi v Angular 2 sta ngif in ngFor.
- Elementi se v kodo HTML dodajo s pomočjo elementa ngif v resničnih scenarijih, vendar jih ne bi dodali, če bi ocenili na False. Predstavlja.
- Glede na stanje zanke se uporablja element ngFor.
Vezava podatkov je ena od značilnosti programa Angular 2. V lastnost razreda lahko lastnost oznake HTML poveže.
V Angular 2 je upravljanje aplikacij možnost za aplikacije. Vključena je knjižnica ulova ReactJS in funkcija funkcije ulova. Spodaj je koda za ravnanje z napakami.
Do funkcije Upravljalnik napak je povezava vključena s funkcijo ulova. Na konzolo napako pošlje funkcija za obdelavo napak. Izvajanje se nadaljuje po vrnitvi napake v glavni program. Ta napaka preusmeri na konzolo.
Uporabniki so usmerjeni na različne strani s pomočjo usmerjanja, potem ko je na glavni strani izbrana možnost.
Pri tem bi lahko podatke preoblikovali s pomočjo več filtrov in cevi.
- Za pretvorbo v male črke.
- Za pretvorbo v velike črke.
- Iz vhodnega niza bi lahko razrezali delček podatkov. Začetni položaj rezine je odvisen od začetka, končni položaj pa do konca.
- Vhodni niz je mogoče pretvoriti v obliko datuma s pomočjo funkcije datuma.
- V obliko valute se vhodni niz pretvori s pomočjo funkcije valute.
- V format odstotka se vhodni niz pretvori s funkcijo odstotka.
Cevi po meri lahko ustvarite tudi s pomočjo Angular 2.
- Ime cevi je določeno z imenom Pipe.
- Razred cevi po meri določa razred Pipe.
- Za delo s cevjo se uporablja funkcija pretvorbe.
- V cev se parametri prenesejo s parametri.
- Vrnitev cevi je definirana s tipom Return.
Življenjski cikel kotne 2
Od začetka uporabe do konca aplikacije ima aplikacija Angular 2 svoj življenjski cikel.
Ta diagram prikazuje celoten življenjski cikel kota 2. Spodaj je opis.
- Spremembo vrednosti lastnosti, vezane na podatke, opisuje metoda ngOnChanges.
- Ko Angular prikaže lastnosti, vezane na podatke, se med inicializacijo komponente prikliče metoda ngOnInit.
- Kadar Angular sam ni mogel zaznati sprememb, se za odkrivanje uporablja ngDoCheck.
- Ko gledamo komponento, ko zunanjo vsebino projicira kotni, se ngAfterContentInit pokliče v odgovor.
- Ko vsebino, ki je predvidena, preveri Angular, se ngAfterContentChecked pokliče v odgovor.
- Ko pogledi komponente in podrejeni pogledi inicializirajo kotni, se pokliče ngAfterInit.
- NgAfterViewChecked se prikliče, potem ko komponente in otroške poglede preveri kotni.
- Pred uničenjem direktive ali sestavnega dela s strani Angularja so imenovane nevladne organizacije, ki so faza čiščenja.
Storitve je še ena lastnost Angular 2, ki se uporablja, kadar različni moduli potrebujejo skupno funkcijo. Med različnimi moduli lahko funkcionalnost baze podatkov ponovno uporabimo. Funkcijo baze podatkov lahko uporabi ta ustvarjena storitev.
Zakaj potrebujemo Angular 2?
- Angular 2 ponuja funkcije, ki pomagajo pri odpravljanju napak in razumevanju kode, izboljšala bi se tudi izkušnja pri razvoju in urejanju.
- Kodiranje postane bolj skladno s pomočjo programa Angular 2.
- Kotni 2 ponuja obsežne zmogljivosti vezave. Njegova lastnost vezave lastnosti omogoča nadzor nad DOM. Reakcija na kateri koli dogodek s stališča je mogoče doseči s pomočjo zavezujočega dogodka.
- V celoti opremljena sposobnost usmerjanja ponuja Angular 2.
- Angular 2 ima obsežno dokumentacijo in podporo skupnosti, ki zagotavlja rešitev za skoraj vsako težavo.
Zaključek
Angular 2 je eden najbolj iskanih okvirov spletnega razvoja in tisti, ki ga potrebujete za izdelavo naslednje spletne aplikacije.
Priporočeni članki
To je vodnik za Kaj je kotno 2? Tukaj razpravljamo o uvodu, funkcijah Module in Angular 2, Angular 2, skupaj z življenjskim ciklom kota 2. Za več o tem lahko preberete tudi druge predloge,
- Kako namestiti Angular 2?
- R Programski jezik
- Vrste spletnih strani
- Vrste spletnega gostovanja