AngularJS

Матеріал з Вікіпедії — вільної енциклопедії.
Перейти до: навігація, пошук
AngularJS
AngularJS logo
Розробник(и) Google Inc. та спільнота.
Перший випуск 20 жовтня 2010; 2235 днів тому[1]
Стабільний випуск 1.5.8 (22 липня 2016; 133 дні тому[2])
Написано на TypeScript, JavaScript
Операційна система багатоплатформена
Розмір 144 KB мінімізована версія
1 MB версія для розробки
Стан розробки Активний
Тип JavaScript-фреймворк
Ліцензія MIT License
Веб-сайт www.angularjs.org

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

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

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

Популярність[ред.ред. код]

Найбільшу популярність використання AngularJS має в Україні[3].

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

AngularJS спроектований з переконанням, що декларативне програмування найкраще пасує для побудови інтерфейсів користувача та опису програмних компонентів, в той час як імперативне програмування пасує для опису бізнес-логіки.[4] Фреймворк адаптує та розширює традиційний 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. Earliest known releases
  2. Release v1.5.8. GitHub. 2016-07-22. Процитовано 2016-08-10. 
  3. http://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/#code-atlas
  4. What Is Angular?. Архів оригіналу за 2013-05-20. Процитовано 2013-02-12. 

Посилання[ред.ред. код]

  • Буник, Тарас (18 лютого 2016). Вступ в AngularJS. Блоґ одного кібера. Процитовано 11 березня 2016.