AngularJS

Матеріал з Вікіпедії — вільної енциклопедії.
Перейти до: навігація, пошук
AngularJS
AngularJS logo
Розробник(и) Google Inc. та спільнота.
Перший випуск 2009
Стабільний випуск 1.3.2 (9 листопада 2014; 261 день тому)
Написано на JavaScript
Операційна система багатоплатформена
Розмір 120KB мінімізована версія
904KB версія для розробки
Стан розробки Активний
Тип JavaScript-фреймворк
Ліцензія MIT License
Сайт www.angularjs.org

Commons-logo.svg AngularJS у Вікісховищі

AngularJS це JavaScript-фреймворк з відкритим програмним кодом, який розробляє Google. Призначений для розробки односторінкових застосунків, що складаються з одної HTML сторінки з CSS і JavaScript. Його мета — розширення браузерних застосунків на основі шаблону Модель-вид-контролер (MVC), а також спрощення їх тестування та розробки.

Фреймворк працює зі сторінкою HTML, що містить додаткові атрибути і пов'язує області вводу або виводу сторінки з моделлю, яка являє собою звичайні змінні JavaScript. Значення цих змінних задаються вручну або отримуються зі статичних або динамічних JSON-даних.

Філософія Angular[ред.ред. код]

AngularJS спроектований з переконанням, що декларативне програмування найкраще пасує для побудови інтерфейсів користувача та опису програмних компонентів, в той час як імперативне програмування пасує для опису бізнес-логіки.[1] Фреймворк адаптує та розширює традиційний HTML, щоб забезпечити двосторонню прив'язку даних для динамічного контенту, що дозволяє автоматично синхронізувати модель та вид. У результаті AngularJS зменшує роль DOM-маніпуляцій з метою підвищення продуктивності і спрощення тестування.

Важливі директиви[ред.ред. код]

Директиви AngularJS дозволяють розробнику модифікувати поведінку деяких елементів, чи описати власні елементи.

ng-app
Оголошує елемент кореневим елементом застосунку, дозволяючи змінювати поведінку за допомогою спеціальних тегів.
ng-bind
Змінює текст елемента на значення виразу. <span ng-bind="name"></span> відобразить значення змінної name всередині тегу span. Будь-які зміни змінної будуть миттєво відображені в DOM, де б змінна не використовувалась.
ng-model
Подібна до ng-bind, але дозволяє двостороннє зв`язування даних між (зміни в DOM будуть змінювати змінну).
ng-class
Дозволяє динамічно додавати та забирати класи елемента.
ng-controller
Вказує клас JavaScript контролера.
ng-repeat
Створює кілька екземплярів елемента, для кожного об'єкта колекції.
ng-show & ng-hide
Показують чи ховають елемент залежно від значення булевого виразу. Це досягається за допомогою задання в CSS атрибуту display.

Джерела[ред.ред. код]

  1. What Is Angular?. Архів оригіналу за 2013-05-20. Процитовано 2013-02-12.