Čo je AngularJS?
AngularJS je open source rámec Model-View-Controller, ktorý je podobný rámcu JavaScript.
Angular JS je pravdepodobne jeden z najpopulárnejších súčasných webových frameworkov súčasnosti. Tento rámec sa používa na vývoj väčšinou aplikácií s jednou stránkou. Tento rámec vyvinula skupina vývojárov zo spoločnosti Google sama.
Vďaka úplnej podpore spoločnosti Google a nápadom zo širokého komunitného fóra je rámec vždy aktualizovaný. Vždy tiež zahŕňa najnovšie vývojové trendy na trhu.
V tomto návode sa naučíte
- Funkcie AngularJS
- Angularjs Architecture
- Výhody AngularJS
Funkcie AngularJS
Angular má nasledujúce kľúčové vlastnosti, vďaka ktorým je jedným z výkonných rámcov na trhu.
-
MVC - Rámec je postavený na slávnom koncepte MVC (Model-View-Controller). Toto je návrhový vzor používaný vo všetkých moderných webových aplikáciách. Tento vzor je založený na rozdelení vrstvy obchodnej logiky, dátovej vrstvy a prezentačnej vrstvy na samostatné sekcie. Rozdelenie na rôzne oddiely sa vykonáva tak, aby sa každá z nich dala ľahšie spravovať.
-
Viazanie dátového modelu - na viazanie údajov s ovládacími prvkami HTML nemusíte písať špeciálny kód. To môže urobiť Angular iba pridaním niekoľkých úryvkov kódu.
-
Písať menej kódu - Pri manipulácii s doménou DOM bolo potrebné na napísanie akejkoľvek aplikácie napísať veľa kódu JavaScript. Ale s Angular vás ohromí menšie množstvo kódu, ktorý musíte napísať pre manipuláciu s DOM.
-
Pripravené na testovanie jednotiek - Návrhári spoločnosti Google nielen vyvinuli Angular, ale vyvinuli tiež testovací rámec s názvom „Karma“, ktorý pomáha pri navrhovaní testov jednotiek pre aplikácie AngularJS.
Architektúra AngularJS
Angular.js sleduje architektúru MVC, schému rámca MVC, ako je uvedené nižšie.
-
Ovládač predstavuje vrstvu, ktorá má obchodnú logiku. Udalosti používateľov spúšťajú funkcie, ktoré sú uložené vo vašom ovládači. Udalosti používateľa sú súčasťou kontrolóra.
-
Zobrazenia slúžia na predstavenie prezentačnej vrstvy poskytovanej koncovým používateľom
-
Na reprezentáciu vašich údajov sa používajú modely. Údaje vo vašom modeli môžu byť rovnako jednoduché ako primitívne deklarácie. Napríklad ak udržiavate študentskú aplikáciu, váš dátový model môže mať iba študentské ID a meno. Alebo to môže byť zložité aj tým, že budete mať štruktúrovaný dátový model. Ak udržiavate aplikáciu vlastníctva automobilu, môžete mať štruktúry na definovanie samotného vozidla z hľadiska jeho objemu motora, počtu sedadiel atď.
Výhody AngularJS
-
Pretože ide o rámec otvoreného zdroja, môžete očakávať, že počet chýb alebo problémov bude minimálny.
-
Obojsmerné viazanie - Angular.js udržuje synchronizáciu dátovej a prezentačnej vrstvy. Teraz už nemusíte písať ďalší kód JavaScript, aby ste udržali údaje vo svojom kóde HTML a svoje údaje neskôr synchronizované. Angular.js to urobí automaticky za vás. Musíte len určiť, ktorý ovládací prvok je viazaný na ktorú časť vášho modelu.
-
Smerovanie - funkcia Angular sa môže postarať o smerovanie, čo znamená prechod z jedného pohľadu na druhý. Toto je kľúčový základ jednostránkových aplikácií; v ktorom môžete prejsť na rôzne funkcie svojej webovej aplikácie na základe interakcie používateľa, ale stále zostať na rovnakej stránke.
-
Uhlové podporuje testovanie, a to Testovanie jednotiek aj Testovanie integrácie.
-
Rozširuje HTML tým, že poskytuje svoje vlastné prvky nazývané smernice. Na vysokej úrovni sú direktívy značky na prvku DOM (napríklad atribút, názov prvku a komentár alebo trieda CSS), ktoré hovoria kompilátoru HTML AngularJS, aby k danému prvku DOM pripojil určité správanie. Tieto smernice pomáhajú pri rozširovaní funkčnosti existujúcich prvkov HTML a poskytujú tak väčšiu výkonnosť vašej webovej aplikácii.