AngularJS – безплатна рамка JavaScript-с отворен код. Предназначена е за разработване на приложения от една страница. Целта му е да разшири браузърните приложения, базирани на шаблона MVC-, както и да опрости тестването и разработването.
Рамката работи с HTML, който съдържа допълнителни потребителски атрибути, описани чрез директиви, и свързва входа или изхода на областта на страницата с модел, представляващ обикновени променливи JavaScript. Стойностите на тези променливи се задават ръчно или се извличат от статични или динамични данни JSON-.
AngularJS проектирани с убеждението, че декларативното програмиране е най-подходящо за изграждане на потребителски интерфейси и описване на софтуерни компоненти, докато императивното програмиране е отлично за описване на бизнес логика. Рамката адаптира и разширява традиционния HTML, за да осигури двустранно свързване на данни за динамично съдържание, което позволява автоматична синхронизация на модела и изгледа. В резултат на това AngularJS намалява ролята на манипулацията на DOM-и подобрява възможността за тестване.
Цели на разработката AngularJS
Сложността на тестването е пряко свързана със структурирания характер на кода.
от проектирането на потребителския интерфейс, през писането на бизнес логика, до тестването.
Angular се придържа към шаблона за проектиране MVC-и насърчава слабото свързване между представяне, данни и логика на компонентите. Използвайки инжектиране на зависимости, Angular пренася класически услуги от страна на сървъра, като например зависими от изгледа контролери, на страната на клиента. Вследствие на това се намалява натоварването на сървъра и уеб приложението става по-леко.
Популярни вградени директиви на Angular-
С помощта на директивите AngularJS можете да създавате потребителски тагове и атрибути HTML-, за да добавяте поведение към някои елементи.
Декларира елемента като коренов елемент за приложението.
Автоматично замества текста HTML-на елемента със стойността на предадения израз.
Същото като ng-bind, но осигурява двупосочно свързване на данни. Променете съдържанието на елемента, а angular ще промени стойността на модела. Ако стойността на модела се промени, angular ще промени текста в елемента.
Дефинира класове за динамично зареждане.
Дефинира JavaScript-контролер за изчисляване на HTML-изрази в съответствие с MVC (Model-View-Controller).
Създава инстанция на DOM за всеки елемент в колекцията.
Показва или скрива елемента в зависимост от стойността на логическия израз.
Създава екземпляр на шаблон от набор от опции в зависимост от стойността на израза.
Основна директива, отговаряща за обработката на маршрутите, които JSON предприема, преди да покаже шаблоните, управлявани от посочените контролери.
Изтрива или създава част от дървото на DOM-в зависимост от стойността на израза. Ако стойността на израза, присвоен на ngIf, е равна на false, елементът се премахва от DOM, в противен случай новоклонираният елемент се вмъква в дървото DOM.
Възможно е също така да се създават директиви с възможност за персонализиране, включително шаблони в тага