Bevezetés a 2-es szögű csaló lapba
A Angular 2 egy nyílt forráskódú keret, amelyet a JavaScript fölé építettek. Elsősorban front-end web alkalmazások fejlesztésére használják. Az AngularJS utódja. Írta TypeScript-ben. A Google fejlesztette ki. A 2. szög a modern JavaScript-re épül, amely ES6-t használ. A 2-es szög jobb eseménykezelési képességekkel, hatékony sablonokkal, valamint a mobil eszközök és az asztali webes alkalmazások jobb támogatásával is rendelkezik. Kompatibilis továbbá a mobil eszközökkel és az összes olyan platformon, mint a Windows, a Mac és a Linux.
A 2. szög kulcsfontosságú tulajdonságokkal bír az összetevők, az írógép és a szolgáltatások alkalmazásának fejlesztésében. A 2. szög különböző összetevőket tartalmaz, amelyek modulok, összetevők, sablonok, metaadatok és szolgáltatás. Az alkotóelemek segítenek az alkalmazás sok modulba történő felépítésében, és ez segít fenntartani az alkalmazást hosszabb ideig. A különböző kódkészletet fenntartották és használták a különböző alkalmazásmodulok, a szolgáltatási szolgáltatás szerint. A modulok segítik az alkalmazás olyan logikai részekre bontását, amelyek egy adott feladat elvégzéséhez kódoltak.
Parancsok és tartalom a 2-es szögű csaló oldalon
A 2-es szögű lap széles könyvtárral rendelkezik, méretezhető, bővíthető, interaktív, és sok beépített módszert tartalmaz a közös műveletek kiszámításához. Különböző szintaxis létezik a sablonok, az NgModules, a beépített irányelvek, az űrlapok és az alábbi konfigurációk számára:
Sablon szintaxisa | LEÍRÁS |
Az „érték” tulajdonságot a „név” kifejezés eredményéhez köti | |
Összekapcsolja a „szerep” attribútumot a „szerepem” kifejezés eredményével | |
A metódust szövegesnek nevezi, amikor a kattintási esemény beindul. | |
Az tulajdonságot egy interpolált karakterlánchoz köti | |
Szia, a nevem)) | Összekapcsolja a kontextust egy interpolált karakterlánccal |
Megalapítja a kétirányú kötést. | |
… | * szimbólum az aktuális elemet beágyazott ideiglenes értékre változtatja. |
Diák: ((hallgató? .Név)) | ? navigációs operátor szerint a hallgatói mező választható |
Megköti a stílus tulajdonságszélességét, hogy kifejezze az eredményt. | |
A sablonban az adatkötéshez és az eseménykötési kifejezéshez használják. | |
Autószám: ((járműszám | myCarNuFormat)) | Átalakítja a járműszám aktuális értékét a mycarNuformat cső segítségével. |
Ez megkülönbözteti az elemet a HTML összetevőből | |
Ez megköti az osztály jelenlétét az igazság kifejezésén. |
NgModules: - A különböző Ngmodule irányelvek a következők:
irányelvek | LEÍRÁS |
@NgModule ((nyilatkozatok ..)) | Meghatározza a modult, amely irányelveket stb. Tartalmaz |
nyilatkozatok: (MyRedComponent, MyBlueComponent, MyDatePipe) | Megmondja a modulhoz tartozó összetevők, irányelvek és csövek listáját. |
export: (MyRedComponent, MyDatePipe) | Az összetevők és csövek felsorolását látja, amelyek a modul importálásához láthatók |
import: (BrowserModule, SomeOtherModule) | Felsorolja a modulba importálni kívánt modulokat |
szolgáltatók: (MyService, (biztosít: …)) | Ez a függőségi injekciós szolgáltatók listáját tartalmazza, amelyek mind a modul tartalma számára láthatók |
entryComponents: (SomeComponent, OtherComponent) | A rendelkezésre álló sablonban megadja a nem hivatkozott összetevők listáját. |
Vannak más irányelvek és alkatrészváltás-észlelési és életciklus-horgok is, amelyeket az alábbiak szerint lehet osztályvezetési módszerekként megvalósítani:
irányelvek | Leírás |
kivitelező (myService: MyService, …) (…) | A függőségek injektálására használják. |
ngOnChanges (changeRecord) (…) | A bemeneti tulajdonságok minden változtatása után, valamint a tartalom vagy a gyermek nézeteinek feldolgozása előtt hívják |
ngOnInit () (…) | Konstruktor és inicializáló tulajdonságok után hívják |
ngDoCheck () (…) | Minden alkalommal hívják, amikor az összetevők vagy az irányelvek tulajdonságait ellenőrzik. A vámvizsgálat elvégzéséhez használják. |
ngAfterContentInit () (…) | Az összetevők vagy az irányelvek tartalmának inicializálásakor az ngOninit után hívják. |
ngAfterContentChecked () (…) | Ezt az összetevő vagy az irányelv tartalmának minden ellenőrzése után hívják. |
ngAfterViewInit () (…) | Az nga Aftercontentint után hívják, amikor az összetevő nézetekről és a gyermek nézetekről szóló irányelv inicializálása megtörtént. |
ngAfterViewChecked () (…) | Az összetevő nézetek és a gyermekek nézeteinek minden egyes ellenőrzése után felhívják az irányelvet. |
ngOnDestroy () (…) | Egyszer hívják, mielõtt megsemmisíti a példányt. |
Ingyenes tippek és trükkök a 2-es szögcsaló-parancsok használatához: -
- Az Angular2 cheat lapon a platformBrowserDynamic (). BootstrapModule (AppModule); segít az alkalmazás indításában, a megadott gyökérkomponens használatával.
- Az Angular2 programban a bootstrap: (MyAppComponent) felsorolja az indító komponenseket, amikor ez a modul indul.
- ez az angualr2 irányelvbe épül be, hogy a kifejezés alapján eltávolítsa vagy újra létrehozza a Dom fa egy részét.
- a lista elemét és annak tartalmát sablonná változtatja, és arra használják, hogy a lista minden elemére nézetet hozzon létre.
- “ConditionExpresion”> ezt az irányelvet a sablonok kiválasztására használják a kifejezés értéke alapján vagy egyszerű szavakkal, mint például a kapcsoló eset nagysága.
- , ezek az irányelvek lehetővé teszik a stílusok hozzárendelését egy HTML elemhez a CSS segítségével, és ez a CSS közvetlenül elérhető.
- ez az irányelv az elem CSS osztályait a megbízható térképértékekhez köti.
- ez az irányelv kétirányú kötést, elemzést és érvényesítést biztosít az űrlapvezérlők számára.
- választó: '.cool-gomb: nem (a)' Ez az irányelv konfigurációja, amely megadja a CSS választót, amely az irányelvet azonosítja sablonban. Nem támogatja a szülői gyermekválasztót.
- pro videorok: (MyService, (give:…)) az irányelv és a gyermekek függőségi injekció szolgáltatóinak listáját tartalmazza.
- (biztosít: MyService, useClass: MyMockService): beállítja vagy felülbírálja a szolgáltatót az osztályra.
- (biztosítson: Saját érték, használja Érték: 4), akkor a szolgáltató értékét 4-re állítja vagy felülírja
Következtetés - 2. szögű csaló lap
A 2-es szögű lap sok funkcióval és különböző irányelvekkel rendelkezik, modulok állnak rendelkezésre fejlesztésre, amelyek elősegítik az alkalmazás interaktívbbá tételét a felhasználók és a fejlesztők számára a problémák és a funkcionalitás nyomon követése érdekében. Széles körű és újra felhasználható más alkalmazásokhoz. Az Angular2 olyan gépelőt használ, amely teljesen különbözik az AngularJS korábbi verziójától.
A 2 szögletes csalólap könnyebben megtanulható, mivel a tanulási görbe egyszerű és egyenes kezdőknek és diákoknak is. A JavaScript ismerete előny lenne, ha a fejlesztési szöget felhasználnánk. Mindig jó újratelepíteni magunkat.
Ajánlott cikkek
Ez egy útmutató az Angular 2 Cheat laphoz itt tárgyalt a Angular 2 Cheat Shell tartalmát és parancsát, valamint ingyenes tippeket és trükköket. A következő cikkben további információkat is megnézhet -
- A csaló lap UNIX
- Cheat Sheet HTML
- Csaló CCNA
- Cheat sheet JQuery