Какво е AngularJS?
AngularJS е рамка с отворен код Model-View-Controller, която е подобна на JavaScript рамката.
Angular JS е може би една от най-популярните съвременни уеб рамки, достъпни днес. Тази рамка се използва за разработване на предимно приложения с една страница. Тази рамка е разработена от група разработчици от самия Google.
Поради огромната подкрепа на Google и идеи от широк форум на общността, рамката винаги се актуализира. Освен това винаги включва най-новите тенденции на развитие на пазара.
В този урок ще научите -
- Характеристики на AngularJS
- Angularjs архитектура
- Предимства на AngularJS
Характеристики на AngularJS
Angular има следните ключови характеристики, което го прави една от мощните рамки на пазара.
-
MVC - Рамката е изградена върху известната концепция на MVC (Model-View-Controller). Това е модел на дизайн, използван във всички съвременни уеб приложения. Този модел се основава на разделяне на бизнес логическия слой, слоя данни и слоя за представяне на отделни раздели. Разделянето на различни секции се извършва, за да може всеки от тях да се управлява по-лесно.
-
Обвързване на модела на данни - не е нужно да пишете специален код, за да свързвате данни с HTML контролите. Това може да стане от Angular, като просто добавите няколко фрагмента код.
-
Писане на по-малко код - При извършване на DOM манипулация е необходимо да се напише много JavaScript за проектиране на всяко приложение. Но с Angular ще бъдете изумени от по-малкото количество код, което трябва да напишете за DOM манипулация.
-
Готовност за модулно тестване - Дизайнерите в Google не само разработиха Angular, но и разработиха тестова рамка, наречена "Karma", която помага при проектирането на модулни тестове за приложения на AngularJS.
AngularJS архитектура
Angular.js следва архитектурата на MVC, диаграмата на MVC рамката, както е показано по-долу.
-
Контролерът представлява слоят, който има бизнес логика. Потребителските събития задействат функциите, които се съхраняват във вашия контролер. Потребителските събития са част от контролера.
-
Изгледите се използват за представяне на презентационния слой, който се предоставя на крайните потребители
-
Моделите се използват за представяне на вашите данни. Данните във вашия модел могат да бъдат толкова прости, колкото просто примитивни декларации. Например, ако поддържате студентско приложение, вашият модел на данни може просто да има студентски идентификатор и име. Или може да бъде сложен, като има структуриран модел на данни. Ако поддържате заявление за собственост на автомобил, можете да имате структури, които да определят самото превозно средство по отношение на неговия капацитет на двигателя, капацитет за сядане и т.н.
Предимства на AngularJS
-
Тъй като това е рамка с отворен код, можете да очаквате броят на грешките или проблемите да бъде минимален.
-
Двупосочно обвързване - Angular.js поддържа синхронизиране на слоя данни и презентация. Сега не е нужно да пишете допълнителен JavaScript код, за да запазите данните в своя HTML код, а данните ви по-късно в синхрон. Angular.js автоматично ще направи това вместо вас. Трябва само да посочите кой контрол е обвързан с коя част от вашия модел.
-
Маршрутизиране - Angular може да се погрижи за маршрутизиране, което означава преместване от един изглед в друг. Това е ключовата основа на приложенията на една страница; където можете да преминете към различни функционалности във вашето уеб приложение въз основа на взаимодействие с потребителя, но все пак да останете на същата страница.
-
Angular поддържа тестване, както тестване на модули, така и тестване на интеграция.
-
Той разширява HTML, като предоставя свои собствени елементи, наречени директиви. На високо ниво директивите са маркери на DOM елемент (като атрибут, име на елемент и коментар или CSS клас), които казват на HTML компилатора на AngularJS да прикачи определено поведение към този DOM елемент. Тези директиви помагат за разширяване на функционалността на съществуващите HTML елементи, за да дадат повече сила на вашето уеб приложение.