Mi az a 2. szög?
Webes alkalmazások HTML és JavaScript formátumban történő elkészítéséhez egy JavaScript keretrendszert használnak, amely Angular 2 néven ismert, amelyet a Google készített. Az egyoldalas alkalmazásokkal való munka során az egyik előtt álló akadályok a Angular 2 segítségével leküzdhetők.
Modulok 2-es szögben
Egy alkalmazásban a logikai határokat a 2. szög hozza össze. A funkcionalitások különféle modulokra oszthatók, ahelyett, hogy mindent egy alkalmazásba sorolnának. Az alábbiakban bemutatjuk azokat a részeket, amelyekből egy modul készül:
- Az alkalmazás funkcionalitásának eléréséhez a betöltendő összetevőket a Bootstrap tömb segítségével értesítik az Angular JS-ről. Az összetevőt be kell jelenteni a rendszerindító tömbben, hogy az Angular JS alkalmazásban felhasználható legyen más összetevők között.
- A csöveket, származékokat, alkatrészeket és így tovább exportálják az exporttömbön keresztül, hogy más modulokban használják őket.
- Más Angular JS modulokból a funkcionalitást importáló tömb segítségével lehet importálni.
A 2. szög építészete
A Angular 2 alkalmazás anatómiáját a fenti ábra ismerteti. Az alkalmazás funkcionalitását minden egyes elem meghatározza, amely a logikai határ. Az összetevők közötti funkcionalitást megosztják a rétegelt szolgáltatások segítségével.
Az összetevőt osztály, sablon és metaadatok határozzák meg. A tulajdonságok és a módszerek az osztályból állnak. Az osztály funkcionalitása kibővül, és metaadatokkal díszítjük. Az alkalmazás HTML nézete meghatározható a sablon segítségével.
Az alkalmazásnak egy gyökérmodulja és több összetevője van, amelyek elválasztják a funkciókat.
A Root Angular modulhoz hasonlóan a szolgáltatásmodulnak több összetevője is van, amelyek elosztják a funkciókat.
Egy Angular JS alkalmazásban a logikai kóddarabot az összetevők határozzák meg.
- A kötést és a származékokat a sablon végzi, amely tartalmazza az alkalmazás HTML-jét és megjeleníti az alkalmazás nézetét.
- A tulajdonságok és módszerek abban az osztályban vannak, amely támogatja az alkalmazás nézetét, és amelyet a TypeScript határoz meg. Az osztálynév, tulajdonságnév, tulajdonságtípus és értékkel rendelkezik.
- Dekorátorral meghatározzák a metaadatokat, amelyek rendelkeznek további adatokkal.
2. szög jellemzők
A HTML erejét irányelvnek nevezett egyéni HTML elem segítségével bővítik. A 2. szög irányelvei ngif és ngFor.
- Az elemeket hozzáadják a HTML-kódhoz az ngif elem segítségével valódi forgatókönyvekben, de nem adják hozzá, ha hamisnak értékelik. Képviselte:.
- A ciklus feltétele alapján az ngFor elemet használjuk.
Az adatkötés a 2. szög egyik jellemzője. Egy osztály tulajdonságába egy HTML címke tulajdonsága köthető lehet.
A 2-es szögben a hibák kezelése opció az alkalmazások számára. A ReactJS fogási könyvtárat tartalmazza, és a fogási funkciót használja. Az alábbiakban látható a hibakezelési kód.
A Hibakezelő funkcióhoz a linket a fogási funkció tartalmazza. A konzolra a hibát a hibakezelő funkció továbbítja. A végrehajtást a hiba visszajuttatása után a főprogramba folytatják. Ez átirányítja a hibát a konzolra.
A Routing segítségével a felhasználókat a különböző oldalakra irányítják, miután egy lehetőséget választottak a főoldalról.
Ebben az adat több szűrő és cső segítségével transzformálható.
- Átalakítás kisbetűkkel.
- Konvertálás nagybetűsre.
- Egy bemeneti karakterláncból egy darab adat szeletelhető. A szelet kiindulási helyzetét a kezdő, a véghelyzetet pedig a vég jelzi.
- A bemeneti karakterlánc konvertálható dátumformátumba a dátum funkció segítségével.
- A pénznem formátumához a bemeneti karakterlánc konvertálva van a pénznem funkció segítségével.
- A százalékos formátumra a bemeneti karakterláncot a százalékos függvény konvertálja.
Az egyedi csöveket az Angular 2 segítségével is el lehet készíteni.
- A cső nevét a Csőnév határozza meg.
- Az egyedi csőosztályt a Cső osztály határozza meg.
- A csővel történő munkavégzéshez a transzformációs funkciót kell használni.
- A csőhöz a paramétereket a Paraméterek adják át.
- A cső visszatérő típusát a visszatérő típus határozza meg.
A 2. szög életciklusa
A kezdetektől az alkalmazás végéig a Angular 2 alkalmazás életciklusa teljes.
Ez az ábra a 2. szög teljes életciklusát ábrázolja. Az alábbiakban a leírás található.
- Az adatkötött tulajdonság értékének változását az ngOnChanges módszer ismerteti.
- Miután a Angular megjeleníti az adathoz kötött tulajdonságokat, az összetevő inicializálása során az ngOnInit metódust hívják.
- Amikor az Angular nem tudta észlelni a változásokat, az ngDoCheck készüléket használják az észlelésre.
- Az összetevő nézetében, amikor a külső tartalmat a szög kivetíti, az ngAfterContentInit meghívásra kerül válaszként.
- Amint a kivetített tartalmat a szög ellenőrzi, az ngAfterContentChecked hívásra válaszul.
- Miután az összetevő nézeteit és a gyermek nézeteit a Szög beállította, az ngAfterInit meghívásra kerül.
- Az ngAfterViewChecked hívásra kerül, miután az összetevőket és a gyermek nézeteket a szög ellenőrzi.
- Mielőtt az irányelvet vagy az alkatrészt a szögben megsemmisítenék, a civil szervezetek megsemmisítik, amely a tisztítási szakasz.
A szolgáltatások a Angular 2 másik tulajdonsága, amelyet akkor használnak, amikor a különféle moduloknak közös funkciókra van szükségük. A különféle modulok között az adatbázis funkcionalitása újra felhasználható. Az adatbázis funkcionalitást a létrehozott szolgáltatás felhasználhatja.
Miért van szükségünk a 2. szögre?
- A 2-es szög olyan funkciókat kínál, amelyek segítenek a kód hibakeresésében és megértésében, a fejlesztés és a szerkesztési tapasztalatok szintén javulnak.
- A kódolás következetesebbé válik a 2. szög segítségével.
- A 2. szög széles kötőképességet biztosít. Tulajdonságkötési funkciója lehetővé teszi a DOM vezérlését. Bármely eseményre nézve a reakciót az eseménykötéssel lehet elérni.
- Az Angular 2 teljes funkcionalitással rendelkezik.
- Az Angular 2 kiterjedt dokumentációval és közösségi támogatással rendelkezik, amely megoldást kínál majdnem minden felmerült kérdésre.
Következtetés
A 2. szög az egyik legkeresettebb webfejlesztési keret, és a következő webalkalmazás elkészítéséhez is szüksége van.
Ajánlott cikkek
Ez az útmutató a Mi az a 2-es szög ?. Itt tárgyaljuk a bevezetést, a 2-es és 2-es szög moduljait, valamint a 2-es szög életciklusát. További tudnivalókért áttekintheti a többi javasolt cikket is -
- Hogyan telepítsük a 2-es szöget?
- R programozási nyelv
- A webhelyek típusai
- A webtárhely típusai