Mis on nurk 2?
Veebirakenduste loomiseks HTML-is ja JavaScriptis kasutatakse JavaScripti raamistikku, mida tuntakse nurga 2 all, mille ehitas Google. Töötades üheleheliste rakendustega, saab nurga 2 abil ületada sageli esinevad takistused.
Moodulid nurgas 2
Rakenduses paneb loogilised piirid kokku nurk 2. Funktsionaalsused võiks jagada ühte rakendusse koondamise asemel erinevateks mooduliteks. Allpool on mõned osad, millest moodul koosneb -
- Rakenduse funktsionaalsusele ligipääsemiseks teavitatakse laaditavaid komponente Angular JS-i Bootstrap-massiivi abil. Komponent tuleb deklareerida alglaadimissüsteemis, nii et rakenduses Angular JS saaks seda kasutada ka teiste komponentide jaoks.
- Torud, derivaadid, komponendid jms eksporditakse ekspordimassiivi kaudu, mida kasutatakse teistes moodulites.
- Muudest Angular JS moodulitest saaks selle funktsionaalsuse importida impordimassiivi abil.
Nurga 2 arhitektuur
Nurga 2 rakenduse anatoomiat kirjeldatakse ülaltoodud diagrammil. Rakenduse funktsionaalsuse määratleb iga komponent, mis on loogiline piir. Komponentide funktsionaalsust jagatakse kihiliste teenuste abil.
Komponent on määratletud klassi, malli ja metaandmete järgi. Omadused ja meetodid koosnevad klassist. Klassi funktsionaalsust laiendatakse ja seda kaunistatakse metaandmete abil. Rakenduse HTML-i vaate saab malli abil määratleda.
Sellel rakendusel on üks juurmoodul ja mitu funktsiooni eraldavat komponenti.
Sarnaselt juurnurga mooduliga sisaldab funktsioonimoodul mitmeid funktsioone levitavaid komponente.
Nurga JS-i rakenduses määratlevad komponendid loogilise kooditüki.
- Sidumine ja derivaadid tehakse malli abil, mis sisaldab rakenduse HTML-i ja loob rakenduse vaate.
- Atribuudid ja meetodid esinevad klassis, mis toetab rakenduse vaadet ja on määratletud TypeScriptis. Sellel on klassi nimi, atribuudi nimi, omandi tüüp ja väärtus.
- Dekoraatori abil määratletakse metaandmed, millel on lisaandmeid.
Nurga 2 omadused
HTML-i võimsust laiendatakse kohandatud HTML-i elemendi, mida nimetatakse direktiiviks, abil. Nurga 2 direktiivid on ngif ja ngFor.
- Elemendid lisatakse HTML-koodile ngif-i abil tõelistes stsenaariumides, kuid neid ei lisata, kui see väärtuseks on Väär. Esindatud.
- Silmuse tingimuse alusel kasutatakse elementi ngFor.
Andmete sidumine on nurga 2 üks omadusi. Klassi atribuudiks võiks siduda HTML-i sildi omadus.
Nurgas 2 on vigade käsitlemine rakenduste üks võimalus. ReactJS saagiraamatukogu on kaasatud ja kasutatakse püüdmisfunktsiooni. Allpool on tõrkekäsitluse kood.
Funktsioonile Veakäitleja sisaldab linki püügifunktsioon. Konsooli saadab tõrke veakäsitleja funktsioon. Hooldust jätkatakse pärast vea tagasipöördumist põhiprogrammi. See suunab vea konsooli.
Pärast põhilehe suvandi valimist suunatakse kasutajad marsruudi abil eri lehtedele.
Selles saaks andmeid muuta mitmete filtrite ja torude abil.
- Teisendamiseks väiketähtedeks.
- Teisendamiseks suurtäheks.
- Sisestusstringi põhjal võiks tüki andmeid tükeldada. Viilu lähteasendit tähistab algus ja lõppasendit tähistab lõpp.
- Sisestusstringi saab kuupäevafunktsiooni abil teisendada kuupäevavorminguks.
- Valuutavorminguks teisendatakse sisestussüsteem valuutafunktsiooni abil.
- Protsentuaalseks vorminguks teisendatakse sisestusrida protsendifunktsiooniga.
Kohandatud torusid saab luua ka nurga 2 abil.
- Toru nimi on määratletud Pipename-ga.
- Kohandatud toruklassi määratleb Pipe-klass.
- Toruga töötamiseks kasutatakse teisendusfunktsiooni.
- Torule antakse parameetrid parameetrite järgi.
- Toru tagasivoolutüüp on määratletud tagasivoolutüübiga.
Nurga 2 elutsükkel
Alates selle käivitamisest kuni rakenduse lõpuni on nurga 2 rakenduse elutsükkel.
See diagramm kujutab kogu nurga 2 olelustsüklit. Allpool on kirjeldus.
- Andmega seotud omaduse väärtuse muutust kirjeldatakse meetodil ngOnChanges.
- Pärast seda, kui nurk kuvab andmetega seotud omadused, nimetatakse komponendi initsialiseerimise ajal meetodiks ngOnInit.
- Kui nurk ise ei suutnud muudatusi tuvastada, kasutatakse tuvastamiseks ngDoChecki.
- Kui välise sisu projitseerib nurk, kutsutakse komponendi vaatesse vastuseks ngAfterContentInit.
- Kui projitseeritud sisu on nurga abil kontrollitud, kutsutakse vastuseks ngAfterContentChecked.
- Kui komponendi vaated ja lapse vaated on nurga abil lähtestatud, kutsutakse ngAfterInit.
- NgAfterViewChecked kutsutakse pärast seda, kui komponendid ja lapse vaated on nurga all kontrollitud.
- Enne direktiivi või selle komponendi hävitamist nurga all nimetatakse valitsusväliste organisatsioonide hävitamist, mis on puhastusfaas.
Teenused on teine nurga 2 omadus, mida kasutatakse siis, kui erinevad moodulid vajavad ühist funktsionaalsust. Erinevate moodulite hulgas saaks andmebaasi funktsioone uuesti kasutada. Loodud teenus saaks kasutada andmebaasi funktsioone.
Miks me vajame nurka 2?
- Nurk 2 pakub funktsioone, mis aitavad siluda ja koodi mõista, parendada saaks ka arendus- ja redigeerimiskogemust.
- Kodeerimine muutub nurga 2 abil järjepidevamaks.
- Nurk 2 pakub ulatuslikke sidumisvõimalusi. Selle omaduste siduv funktsioon võimaldab DOM-i juhtida. Reaktsiooni mis tahes sündmusele vaatenurgast saab saavutada sündmuse sidumise abil.
- Täisfunktsionaalse marsruutimisvõimaluse pakub nurk 2.
- Nurgal 2 on ulatuslik dokumentatsioon ja kogukonna tugi, mis pakub lahenduse peaaegu kõigile probleemidele.
Järeldus
Nurk 2 on üks ihaldatuimaid veebiarenduse raamistikke ja see, mida peate oma järgmise veebirakenduse üles ehitama.
Soovitatavad artiklid
See on juhend teemal Mis on nurk 2 ?. Siin käsitleme sissejuhatust, nurga 2 moodulid, nurga 2 funktsioone koos nurga 2 olelustsükliga. Lisateabe saamiseks võite tutvuda ka meie teiste soovitatud artiklitega -
- Kuidas paigaldada nurk 2?
- R programmeerimiskeel
- Veebisaitide tüübid
- Veebimajutuse tüübid