Mi az AngularJS?
Az AngularJS egy nyílt forráskódú Model-View-Controller keretrendszer, amely hasonló a JavaScript keretrendszerhez.
Az Angular JS valószínűleg az egyik legnépszerűbb manapság elérhető webkeret. Ezt a keretrendszert főleg Single Page alkalmazások fejlesztésére használják. Ezt a keretet a fejlesztők egy csoportja fejlesztette ki a Google-ból.
A Google puszta támogatása és egy széles közösségi fórum ötletei miatt a keretet mindig naprakészen tartják. Ezenkívül mindig magában foglalja a piac legújabb fejlesztési trendjeit.
Ebben az oktatóanyagban megtanulja-
- AngularJS Jellemzők
- Angularjs építészet
- AngularJS előnyei
AngularJS Jellemzők
Az Angular a következő főbb jellemzőkkel rendelkezik, ami a piac egyik legerősebb keretrendszerévé teszi.
-
MVC - A keretrendszer az MVC (Model-View-Controller) híres koncepciójára épül. Ez egy olyan tervezési minta, amelyet a mai modern webalkalmazásokban használnak. Ez a minta azon alapul, hogy az üzleti logikai réteget, az adatréteget és a bemutató réteget külön szakaszokra bontja. A különböző szakaszokra történő felosztást úgy végezzük, hogy mindegyiket könnyebben kezelhessük.
-
Adatmodell-összerendelés - Az adatok HTML-vezérlőkhöz való kötéséhez nem kell külön kódot írni. Ezt az Angular megteheti néhány kódrészlet hozzáadásával.
-
Kevesebb kód írása - A DOM-manipuláció során sok JavaScriptet kellett írni az alkalmazások megtervezéséhez. De az Angular használatával lenyűgöz a kisebb mennyiségű kód, amelyet a DOM-manipulációhoz írnia kell.
-
Készen áll az egység tesztelésére - A Google tervezői nem csak fejlesztették az Angulart, hanem fejlesztettek egy "Karma" nevű tesztelési keretet is, amely segít az AngularJS alkalmazások egységtesztjeinek megtervezésében.
AngularJS építészet
Az Angular.js az MVC architektúrát követi, az MVC keretrendszer diagramját az alábbiak szerint.
-
A Vezérlő az üzleti logikával rendelkező réteget képviseli. A felhasználói események elindítják a vezérlőben tárolt funkciókat. A felhasználói események a vezérlő részét képezik.
-
A nézetek a végfelhasználók számára biztosított prezentációs réteg képviseletére szolgálnak
-
A modellek az adatok ábrázolására szolgálnak. A modell adatai olyan egyszerűek lehetnek, mint csak primitív deklarációk. Például, ha hallgatói alkalmazást tart fenn, akkor az adatmodellben csak hallgatói azonosító és név lehet. Vagy összetett lehet egy strukturált adatmodell használatával is. Ha gépjármű-tulajdonosi alkalmazást tart fenn, rendelkezhet struktúrákkal, amelyek meghatározhatják a járművet motorteljesítménye, ülőhelyessége stb. Szempontjából.
AngularJS előnyei
-
Mivel ez egy nyílt forráskódú keretrendszer, számíthat arra, hogy a hibák vagy problémák száma minimális lesz.
-
Kétirányú kötés - az Angular.js szinkronban tartja az adatokat és a bemutató réteget. Most nem kell további JavaScript-kódot írni, hogy az adatokat a HTML-kódban, az adatokat később pedig szinkronban tartsa. Az Angular.js automatikusan elvégzi ezt az Ön számára. Csak meg kell adnia, melyik vezérlő van kötve a modell mely részéhez.
-
Útválasztás - Az Angular gondoskodhat az útválasztásról, ami azt jelenti, hogy egyik nézetből a másikba mozog. Ez az egyoldalas alkalmazások kulcsfontosságú eleme; ahol a felhasználói interakció alapján a webalkalmazás különböző funkcióira költözhet, de továbbra is ugyanazon az oldalon maradhat.
-
Az Angular támogatja a tesztelést, mind az egységtesztelést, mind az integrációs tesztelést.
-
Bővíti a HTML-t azáltal, hogy saját elemeit nevezi irányelveknek. Magas szinten az irányelvek egy DOM elem jelölői (például egy attribútum, az elem neve, a megjegyzés vagy a CSS osztály), amelyek megadják az AngularJS HTML-fordítójának, hogy egy adott viselkedést csatoljon az adott DOM elemhez. Ezek az irányelvek segítenek a meglévő HTML elemek funkcionalitásának kibővítésében, hogy nagyobb hatalmat nyújtsanak a webalkalmazásnak.