Čo je Angular 2?
Na vytváranie webových aplikácií vo formáte HTML a JavaScript sa používa rámec JavaScript známy ako Angular 2, ktorý vytvorila spoločnosť Google. Pri práci s jednostránkovými aplikáciami je možné pomocou Angular 2 prekonať prekážky, ktorým čelia ľudia.
Moduly v uhle 2
V aplikácii sú logické hranice zostavené pomocou Angular 2. Funkcie sa dajú rozdeliť do rôznych modulov namiesto toho, aby sa všetko vložilo do jednej aplikácie. Nižšie sú uvedené niektoré časti, z ktorých je modul vyrobený -
- Pre prístup k funkčnosti v aplikácii sú komponenty, ktoré je potrebné načítať, informované do Angular JS pomocou poľa Bootstrap. Komponent musí byť deklarovaný v poli bootstrap, aby ho bolo možné v aplikácii Angular JS použiť medzi ostatnými komponentmi.
- Potrubia, deriváty, komponenty atď. Sa exportujú prostredníctvom exportného poľa na použitie v iných moduloch.
- Z iných modulov Angular JS sa funkčnosť mohla importovať pomocou importného poľa.
Architektúra uhla 2
Anatómia aplikácie Angular 2 je opísaná vyššie na obrázku. Funkčnosť aplikácie je definovaná každou zložkou, ktorá je logickou hranicou. Funkčnosť jednotlivých komponentov sa zdieľa pomocou vrstevnatých služieb.
Komponent je definovaný triedou, šablónou a metaúdajmi. Vlastnosti a metódy pozostávajú z triedy. Funkčnosť triedy je rozšírená a je vyzdobená pomocou metaúdajov. Zobrazenie HTML aplikácie sa dá definovať pomocou šablóny.
Táto aplikácia má jeden koreňový modul a niekoľko komponentov, ktoré oddeľujú funkčnosť.
Podobne ako pri module Root Angular má funkčný modul niekoľko komponentov, ktoré distribuujú funkčnosť.
V aplikácii Angular JS je logická časť kódu definovaná komponentami.
- Väzba a deriváty sa vykonávajú pomocou šablóny, ktorá obsahuje HTML aplikácie a poskytuje pohľad na aplikáciu.
- Vlastnosti a metódy sú prítomné v triede, ktorá podporuje pohľad na aplikáciu a je definovaná v TypeScript. Má názov triedy, názov vlastníctva, typ vlastnosti a hodnotu.
- S dekoratérom sa definujú metadáta, ktoré obsahujú ďalšie údaje.
Uhlové 2 vlastnosti
Výkon HTML sa rozširuje pomocou vlastného prvku HTML známeho ako smernica. Smernice v Angular 2 sú ngif a ngFor.
- Prvky sa pridávajú do kódu HTML pomocou prvku ngif v skutočných scenároch, ale nepridávajú sa, ak sa vyhodnotia ako nepravdivé. Reprezentovaný.
- Na základe stavu slučky for sa používa prvok ngFor.
Viazanie údajov je jednou z funkcií v Angular 2. Do vlastnosti triedy môže byť vlastnosťou značky HTML väzba.
V Angular 2 je spracovanie chýb jednou z možností pre aplikácie. Zahrnutá je knižnica zachytenia ReactJS a je použitá funkcia zachytenia. Nižšie je uvedený kód spracovania chýb.
Na funkciu obsluhy chýb je odkaz obsiahnutý vo funkcii zachytenia. Do konzoly sa chyba odosiela pomocou funkcie obsluhy chýb. Po vyhodení chyby späť do hlavného programu pokračuje vykonávanie. Týmto sa chyba presmeruje na konzolu.
Používatelia sú presmerovaní na rôzne stránky pomocou smerovania po výbere možnosti z hlavnej stránky.
V tomto prípade mohli byť údaje transformované pomocou niekoľkých filtrov a potrubí.
- Premeniť na malé písmená.
- Premeniť na veľké písmená.
- Zo vstupného reťazca by sa dala nakrájať časť údajov. Počiatočná poloha rezu je určená začiatkom a koncová poloha je označená koncom.
- Vstupný reťazec sa dá pomocou funkcie date premeniť na formát dátumu.
- Do formátu meny sa vstupný reťazec prevádza pomocou funkcie meny.
- Do percentuálneho formátu sa vstupný reťazec skonvertuje pomocou funkcie percenta.
Vlastné rúry by sa mohli vytvoriť aj pomocou Angular 2.
- Názov potrubia je definovaný názvom Pipename.
- Vlastná trieda potrubia je definovaná triedou Potrubie.
- Pre prácu s potrubím sa používa funkcia transformácie.
- Do potrubia sú parametre odovzdávané Parametre.
- Typ návratu potrubia je definovaný typom návratu.
Životný cyklus uhlov 2
Od začiatku aplikácie do konca aplikácie má aplikácia Angular 2 životný cyklus.
Tento diagram znázorňuje celý životný cyklus Angular 2. Nižšie je uvedený popis.
- Zmena hodnoty vlastnosti dátovo viazaných je opísaná pomocou metódy ngOnChanges.
- Keď Angular zobrazí vlastnosti viazané na údaje, počas inicializácie komponentu sa volá metóda ngOnInit.
- Keď Angular sám nedokázal zistiť zmeny, na detekciu sa použije ngDoCheck.
- Podľa pohľadu komponentu, keď externý obsah premieta Angular, sa nazýva ngAfterContentInit ako odpoveď.
- Akonáhle je obsah, ktorý je premietaný, skontrolovaný pomocou Angular, je vyvolaná odpoveď ngAfterContentChecked.
- Akonáhle sú uhly inicializované pohľady na komponenty a pohľady na deti, nazýva sa ngAfterInit.
- Program ngAfterViewChecked sa volá po tom, ako sú uhly skontrolované komponenty a pohľady dieťaťa.
- Pred zničením smernice alebo komponentu zo strany Angular sa nazýva zničenie mimovládnych organizácií, ktoré je fázou čistenia.
Služby sú ďalšou vlastnosťou Angular 2, ktorá sa používa, keď rôzne moduly potrebujú spoločnú funkčnosť. Medzi rôznymi modulmi by sa dala znovu použiť funkčnosť databázy. Funkčnosť databázy by mohla byť použitá vytvorenou službou.
Prečo potrebujeme Angular 2?
- Uhlová 2 poskytuje funkcie, ktoré pomáhajú pri ladení a porozumení kódu, vylepšil by sa aj vývoj a skúsenosti s úpravami.
- Kódovanie sa stáva konzistentnejším pomocou Angular 2.
- Uhlový 2 poskytuje rozsiahle väzbové schopnosti. Jeho vlastnosť viazania majetku umožňuje ovládať DOM. Reakcia na akúkoľvek udalosť z hľadiska by sa mohla dosiahnuť pomocou väzby udalosti.
- Plne vybavený routing schopnosť je poskytovaná Angular 2.
- Angular 2 má rozsiahlu dokumentáciu a podporu komunity, ktorá poskytuje riešenie takmer každého problému, ktorému čelí.
záver
Angular 2 je jeden z najvyhľadávanejších rámcov pre vývoj webových aplikácií a taký, ktorý potrebujete na vytvorenie ďalšej webovej aplikácie.
Odporúčané články
Toto je príručka Čo je Angular 2 ?. Tu diskutujeme o úvodu, o moduloch v Angular 2, Angular 2 a o životnom cykle Angular 2. Ďalšie informácie nájdete aj v ďalších navrhovaných článkoch -
- Ako nainštalovať Angular 2?
- R Programovací jazyk
- Druhy webových stránok
- Druhy webhostingu