Определение
AngularJS-это интерфейсная платформа Javascript с открытым исходным кодом, которая в основном используется для разработки одностраничных веб-приложений(SPA). Это постоянно растущая и расширяющаяся платформа, которая предоставляет лучшие способы разработки веб — приложений. Он изменяет статический HTML на динамический HTML. Его функции, такие как динамическая привязка и внедрение зависимостей, устраняют необходимость в коде, который нам приходится писать в противном случае.AngularJS быстро развивается, и по этой причине у нас есть разные версии AngularJS, последней стабильной версией которых является 1.7.7. Также важно отметить, что Angular отличается от AngularJS. Это проект с открытым исходным кодом, который может свободно использоваться и изменяться кем угодно. Он расширяет атрибуты HTML с помощью директив, а данные привязываются к HTML.
История:
AngularJS был первоначально разработан в 2008-2009 годах Миско Хевери и Адамом Абронсом и в настоящее время поддерживается Google.
Зачем им пользоваться?
- Легко работать: Все, что вам нужно знать для работы с AngularJS, — это основы HTML, CSS и Javascript, не обязательно быть экспертом в этих технологиях.
- Экономия времени: AngularJS позволяет нам работать с компонентами, и, следовательно, мы можем использовать их снова, что экономит время и ненужный код.
- Готовый к использованию шаблон: AngularJS-это в основном обычный HTML, и он в основном использует простой HTML-шаблон и передает его в DOM, а затем компилятору AngularJS. Он просматривает шаблоны, а затем они готовы к использованию.
Основные характеристики:
Контроллер представления модели(MVC):
Архитектура-это в основном программный шаблон, используемый для разработки приложения. В целом он состоит из трех компонентов, они:
- Модель: используется для управления данными приложения.
- Просмотр: отвечает за отображение данных приложения.
- Контроллер: основная задача состоит в том, чтобы соединить модель и компонент представления.
Обычно, когда мы говорим об архитектуре MVC, мы должны разделить наши приложения на эти три компонента, а затем написать код для их соединения. Однако в AngularJS все, что нам нужно сделать, это разделить приложение на MVC, а все остальное оно делает само по себе. Это экономит много времени и позволяет завершить работу с меньшим количеством кода.
Привязка модели
данных: Привязка данных в AngularJS — это двусторонний процесс,т. е. уровень представления архитектуры MVC является точной копией уровня модели. Вам не нужно писать специальный код для привязки данных к элементам управления HTML. Обычно в других архитектурах MVC мы должны постоянно обновлять слой представления и слой модели, чтобы они оставались синхронизированными друг с другом. В AngularJS можно сказать, что слой модели и слой представления остаются синхронизированными друг с другом. Например, когда данные в модели меняются, уровень представления отражает это изменение, и наоборот. Это происходит немедленно и автоматически, что помогает обеспечить постоянное обновление модели и представления.
Шаблоны:
Главное преимущество использования AngularJS заключается в том, как он использует шаблоны. Обычно происходит то, что шаблоны передаются браузером в DOM, затем DOM становится вводом компилятора AngularJS, а затем AngularJS пересекает шаблон DOM для выполнения инструкций, которые называются директивами. Другие братья и сестры AngularJS работают по-другому, поскольку они используют строку HTML, в то время как AngularJS не манипулирует строками шаблона. Использование DOM-это то, что дает нам привилегию расширять словарь директив или даже абстрагировать их в повторно используемые компоненты.
Модульное тестирование готово:- Забота дизайнера Google заключалась не только в разработке Angular, но и в разработке платформы тестирования под названием “Karma”, которая помогает в разработке модульных тестов для приложений AngularJS.
Преимущества AngularJS:
Инъекция зависимости: Инъекция зависимости-это шаблон проектирования программного обеспечения. Он работает на основе Инверсии управления. Управление инверсией означает, что объекты не создают другие объекты. Вместо этого они получают эти объекты из внешнего источника. Зависимый объект не создается основным объектом, после чего затем использует его методы. Вместо этого внешний источник создает зависимый объект и передает его исходному объекту для дальнейшего использования. На основе внедрения зависимостей мы создаем сервис, чтобы получить всю информацию из базы данных и попасть в класс модели. На основе внедрения зависимостей мы создаем сервис, чтобы получить всю информацию из базы данных и попасть в класс модели.
В Angular.JS, зависимости вводятся с помощью “инъекционного заводского метода” или “функции конструктора”.
Эти компоненты могут быть введены с “услуга” и “ценность” компоненты как зависимости.
Служба $http обычно определяется внутри контроллера следующим образом.
sampleApp.controller (‘AngularJSController’, function ($scope, $http)