Ce este unghiul 2?
Pentru a construi aplicații web în HTML și JavaScript, se utilizează un cadru JavaScript cunoscut sub numele de Angular 2 care a fost construit de Google. În timp ce lucrați cu aplicații cu o singură pagină, obstacolele cu care se confruntă adesea ar putea fi depășite folosind Angular 2.
Module în unghi 2
Într-o aplicație, limitele logice sunt puse de unghi 2. Funcționalitățile pot fi separate în module diferite în loc să pună totul într-o singură aplicație. Mai jos sunt prezentate câteva părți din care este format un modul -
- Pentru a accesa funcționalitatea din aplicație, componentele care trebuie încărcate sunt informate către Angular JS cu ajutorul tabloului Bootstrap. Componenta trebuie să fie declarată în tabloul de bootstrap, astfel încât în aplicația Angular JS să poată fi utilizată pe alte componente.
- Țevile, derivatele, componentele și așa mai departe sunt exportate prin intermediul tabloului de export pentru a fi utilizate în alte module.
- Din alte module angulare JS, funcționalitatea ar putea fi importată cu ajutorul tabloului de import.
Arhitectura unghiului 2
Anatomia unei aplicații unghiulare 2 este descrisă în diagrama de mai sus. Funcționalitatea aplicației este definită de fiecare componentă care este limita logică. Funcționalitatea tuturor componentelor este partajată cu ajutorul serviciilor stratificate.
O componentă este definită prin clasă, șablon și metadate. Proprietățile și metodele constau în clasă. Funcționalitatea clasei este extinsă și este decorată cu ajutorul metadatelor. Vizualizarea HTML a aplicației poate fi definită cu ajutorul șablonului.
Această aplicație are un modul root și mai multe componente care separă funcționalitatea.
Similar modului Root Angular, modulul de funcții are mai multe componente care distribuie funcționalitatea.
Într-o aplicație unghiulară JS, codul logic este definit de componente.
- Legarea și derivatele sunt realizate de șablonul care conține HTML-ul aplicației și redă vizualizarea aplicației.
- Proprietățile și metodele sunt prezente în clasa care acceptă vizualizarea aplicației și sunt definite în TypeScript. Are numele de clasă, numele proprietății, proprietatea tipului și valoarea.
- Cu un decorator, este definită Metadata care are datele suplimentare.
Caracteristici unghiulare 2
Puterea unui HTML este extinsă cu ajutorul unui element HTML personalizat cunoscut sub numele de directivă. Directivele în Angular 2 sunt ngif și ngFor.
- Elemente sunt adăugate la codul HTML cu ajutorul elementului ngif în scenarii adevărate, dar nu ar fi adăugate dacă se evaluează la False. Reprezentată de.
- Pe baza condiției pentru buclă, se folosește elementul ngFor.
Legarea datelor este una dintre caracteristicile din Angular 2. Într-o proprietate a unei clase, proprietatea unei etichete HTML ar putea fi o legătură.
În Angular 2, gestionarea erorilor este o opțiune pentru aplicații. Biblioteca de captură ReactJS este inclusă și se utilizează funcția de captură. Mai jos este codul de gestionare a erorilor.
La funcția Error Handler, legătura este conținută de funcția captură. Către consola, eroarea este trimisă de funcția de gestionare a erorilor. Execuția este continuată după ce eroarea este aruncată înapoi în programul principal. Aceasta redirecționează eroarea către consolă.
Utilizatorii sunt direcționați către diferite pagini cu ajutorul Rutării după ce o opțiune este aleasă din pagina principală.
În acest sens, datele ar putea fi transformate cu ajutorul mai multor filtre și conducte.
- Pentru a converti în minuscule.
- Pentru a converti în majuscule.
- Dintr-un șir de intrare, o bucată de date ar putea fi tăiată. Poziția de început a feliei este arbitrată de început și poziția finală este trimisă până la sfârșit.
- Șirul de intrare ar putea fi convertit în format data cu ajutorul funcției date.
- În formatul de monedă, șirul de intrare este convertit cu ajutorul funcției de monedă.
- În format procentual, șirul de intrare este convertit cu funcția procentuală.
Țevile personalizate ar putea fi create și cu ajutorul Angular 2.
- Numele conductei este definit de numele Pipename.
- Clasa de conductă personalizată este definită de clasa Pipe.
- Pentru lucrul cu conducta se utilizează funcția de transformare.
- La conductă, parametrii sunt trecuți de Parametri.
- Tipul de retur al conductei este definit de tipul Returnare.
Ciclu de viață al unghiului 2
De la inițierea sa până la sfârșitul cererii, aplicația Angular 2 are ciclul său de viață.
Această diagramă prezintă întregul ciclu de viață al unghiului 2. Mai jos este descrierea.
- Modificarea valorii unei proprietăți legate de date este descrisă prin metoda ngOnChanges.
- După ce Angular afișează proprietățile legate de date, în timpul inițializării componentei, se numește metoda ngOnInit.
- Când Angular însuși nu a putut detecta modificări, ngDoCheck este utilizat pentru detectare.
- În vederea componentei, atunci când conținutul extern este proiectat de unghiular, ngAfterContentInit este apelat ca răspuns.
- Odată ce conținutul proiectat este verificat de unghiular, ngAfterContentChecked este apelat ca răspuns.
- Odată ce opiniile componentei și opiniile copilului sunt inițializate de unghiular, se numește ngAfterInit.
- NgAfterViewChecked este apelat după ce componentele și vizualizările copilului sunt verificate de unghi.
- Înainte de distrugerea directivei sau a componentei de către Angular, ONG-urile distrug care este faza de curățare.
Services este o altă proprietate a Angular 2 care este utilizată atunci când diverse module au nevoie de o funcționalitate comună. Printre diverse module, funcționalitatea bazei de date ar putea fi reutilizată. Funcționalitatea bazei de date ar putea fi utilizată de serviciul creat.
De ce avem nevoie de Angular 2?
- Angular 2 oferă funcții care ajută la depanarea și înțelegerea codului, a dezvoltării și a experienței de editare.
- Codificarea devine mai consecventă cu ajutorul Angular 2.
- Angular 2 oferă capabilități extinse de legare. Funcția sa de legare a proprietății permite controlul DOM. Reacția la orice eveniment din vedere poate fi obținută cu ajutorul legării evenimentului.
- Angular 2 oferă o capacitate completă de rutare.
- Angular 2 dispune de documentație extinsă și suport comunitar care oferă o soluție la aproape fiecare problemă cu care se confruntă.
Concluzie
Angular 2 este unul dintre cele mai căutate cadre de dezvoltare web și cel de care aveți nevoie pentru a vă construi următoarea aplicație web.
Articole recomandate
Acesta este un ghid pentru Ce este unghiul 2 ?. Aici discutăm introducerea, modulele în caracteristicile Angular 2, Angular 2 împreună cu ciclul de viață al unghiului 2. Puteți parcurge și alte articole propuse pentru a afla mai multe -
- Cum se instalează Angular 2?
- R Limbaj de programare
- Tipuri de site-uri web
- Tipuri de gazduire web