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: -

  1. 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.
  2. Az Angular2 programban a bootstrap: (MyAppComponent) felsorolja az indító komponenseket, amikor ez a modul indul.
  3. 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.
  4. 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.
  5. “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.
  6. , 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ő.
  7. ez az irányelv az elem CSS osztályait a megbízható térképértékekhez köti.
  8. 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.
  9. 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.
  10. pro videorok: (MyService, (give:…)) az irányelv és a gyermekek függőségi injekció szolgáltatóinak listáját tartalmazza.
  11. (biztosít: MyService, useClass: MyMockService): beállítja vagy felülbírálja a szolgáltatót az osztályra.
  12. (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 -

  1. A csaló lap UNIX
  2. Cheat Sheet HTML
  3. Csaló CCNA
  4. Cheat sheet JQuery