Filters — Выбрать подмножество элементов из массива и возвращает новый массив.

Directives — Директивы являются маркерами на элементы DOM (такие как элементы, атрибуты, CSS, и многое другое). Они могут быть использованы для создания пользовательских HTML тегов, которые служат в качестве новых, пользовательских виджетов. AngularJS имеет встроенные директивы (ngBind, ngModel…)

НЕ нашли? Не то? Что вы ищете?

Templates — Это рендер вида с информацией из контроллера и модели. Это может быть один файл (например, index. html) или несколько представлений на одной странице с помощью «partials».

Routing — Это концепция переключения видов.

Model View Whatever — MVC является шаблоном для разделения приложения на разные части (так называемый Model, View и Controller), каждый с различными обязанностями. AngularJS не реализует MVC в традиционном понимании этого слова, а скорее что-то ближе к MVVM (Model-View-ViewModel). Команда Angularjs относится это юмористически, как Model View Whatever.

Deep Linking — Глубокие ссылки позволяет кодировать состояние приложения в URL, так что он может быть закладкой. После этого приложение может быть восстановлен из URL в том же состоянии.

Dependency Injection — AngularJS имеет подсистему внедрение зависимости, которая помогает разработчику легче разрабатывать, понимать и тестировать.

Идея

Следующая диаграмма иллюстрирует некоторые важные части AngularJS(Рис. 2.1)

Рис.2.1 – компоненты AngularJS

2.2 Преимущества AngularJS

    обеспечивает возможность создания одностраничного приложения в очень чистым и обслуживаемым образом. обеспечивает возможность связывать данные с HTML, таким образом, давая пользователю богатый и адаптивный опыт код подходит под Unit Tests. использует внедрение зависимости и использует разделение задач. обеспечивает повторно используемые компоненты. С AngularJS, разработчик пишет меньше кода и получает больше функциональных возможностей. В AngularJS, чистые HTML-страницы, а также контроллеры, написанные на JavaScript делает обработку бизнес логики.

Вдобавок ко всему, AngularJS приложения могут работать во всех основных браузерах и смартфонах, Android и IOS.

2.3 Недостатки AngularJS

Хотя AngularJS поставляется с большим количеством плюсов, но то же самое время мы должны учитывать следующие моменты —

    Не безопасно —  будучи JavaScript фреймворком, приложения, написанные в AngularJS не являются безопасными. Проверка подлинности на стороне сервера и авторизация обязательно должны присутствовать в приложении. Не разлагаемые — Если пользователь приложения отключает JavaScript, тогда он будет просто видеть HTML страницу и больше ничего.

AngularJS можно разделить на следующие три основные части —

    ng-app — Эта директива определяет и привязывает AngularJS к HTML. ng-model — Эта директива связывает значения данных приложения AngularJS в HTML элементы ввода. ng-bind — Эта директива связывает данные AngularJS для HTML-тегов.

3 Концепции в фрейморках JavaScript


Позиция AngularJS по работе с данными и другими инженерными концепциями отличается от таких фреймворков, как Backbone. js and Ember. js. Мы довольствуемся уже известным нам HTML, а Angular самостоятельно его улучшает. Angular обновляет DOM при любых изменениях Модели, которая живёт себе в чистых Объектах JavaScript с целью связи с данными. Когда обновляется Модель, Angular обновляет Объекты, которые содержат актуальную информацию о состоянии приложения.

3.1 MVC и MVVM

Если вы привыкли делать статичные сайты, вам знаком процесс создания HTML вручную, кусочек за кусочком, когда вы вписываете в страницу нужные данные и повторяете сходные части HTML снова и снова. Это могут быть столбцы решётки, структура для навигации, список ссылок или картинок, и т. п. Когда меняется одна маленькая деталь, приходится обновлять весь шаблон, и все последующие его использования. Также приходится копировать одинаковые куски кода для каждого элемента навигации.

Держитесь за кресло – в Angular существует разделение обязанностей и динамический HTML. А это значит, что наши данные живут в Модели, наш HTML живёт в виде маленького шаблона, который будет преобразован в Вид, а Контроллер мы используем для соединения двух этих понятий, обеспечивая поддержку изменений Модели и Вида. То есть, навигация может выводиться динамически, создаваясь из одного элемента списка, и автоматически повторяться для каждого пункта из Модели. Это упрощённая концепция, позже мы ещё поговорим о шаблонах.

Разница между MVC и MVVM в том, что MVVM специально предназначен для разработки интерфейсов. Вид состоит из слоя презентации, ВидМодель содержит логику презентации, а Модель содержит бизнес-логику и данные. MVVM была разработана для облегчения двусторонней связи данных, на чём и процветают фреймворки типа AngularJS. Мы сосредоточимся на пути MVVM, так как в последние годы Angular склоняется именно туда.

Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7 8 9