Описание тега angular

Вопросы об Angular (не путать с AngularJS), веб-фреймворке от Google. Используйте этот тег для вопросов Angular, которые не относятся к отдельной версии. Для более старой веб-платформы AngularJS (1.x) используйте тег angularjs.

Духовный преемник старой веб-платформы AngularJS.
(Вопросы о более старой структуре должны использовать вместо этого тег angularjs.)

Характеристики и преимущества


Строительные блоки приложений Angular

  • Модуль: Типичный модуль - это сплоченный блок кода, предназначенный для одной цели. Модуль экспортирует что-то ценное в этом коде, обычно что-то одно, например, класс.

  • Компонент: компонент - это строительный блок с метаданными компонента. В TypeScript мы бы применили@Componentдекоратор для присоединения метаданных к классу. Эти метаданные в основном состоят из шаблона или templateUrl, селектора и прикрепленного стиля.

  • Шаблон: мы определяем представление компонента с его сопутствующим шаблоном. Шаблон - это форма HTML, которая сообщает Angular, как визуализировать компонент.

  • Метаданные: метаданные говорят Angular, как обрабатывать класс.

  • Привязка данных: Angular поддерживает привязку данных, механизм для координации частей шаблона с частями компонента. Существует четыре формы синтаксиса привязки данных:

    • Интерполяция: {{value}}
    • Привязка собственности: [property]="value"
    • Привязка событий: (event)="handler"
    • Двусторонняя привязка данных: [(ngModel)]="property"
  • Сервис: "Сервис" - это широкая категория, охватывающая любую ценность, функцию или особенность, которая нужна нашему приложению.

  • Директива: Директива - это класс с метаданными директивы. В TypeScript мы бы применили@Directive декоратор для присоединения метаданных к классу.

  • Внедрение зависимостей: "Внедрение зависимостей" - это способ предоставить новый экземпляр класса с полностью сформированными зависимостями, которые ему требуются. Большинство зависимостей - это службы. Angular использует внедрение зависимостей, чтобы предоставить новым компонентам необходимые им службы.

  • Каналы: каналы используются для преобразования значений из одной формы в другую. Angular предлагает множество встроенных каналов. Кроме того, вы также можете создавать собственные трубы.


Информацию о последней версии смотрите в журнале изменений.

По состоянию на июнь 2020 года текущая версия - 10.0.0. Смотрите полное расписание выпусков в официальном репозитории GitHub. Управление версиями Angular следует принципам семантического управления версиями; все основные версии содержат некоторые существенные изменения по сравнению с предыдущими.

Перед изменением версии рассмотрите возможность использования руководства по обновлению для получения советов.


Поддержка браузера

  • Последние версии Chrome, Edge, Firefox, IE и Safari
  • Протестировано для старых браузеров, включая IE9+ и Android 4.1+.

Полезные ссылки


Книги


Редакторы кода и IDE


Богатые компоненты пользовательского интерфейса для Angular


Кросс-платформенная разработка


Связанные теги


Официальный логотип:

https://stackru.com/images/9eae391ca4b51db4defa47b1be88f25559865c39.png


Официальный веб-сайт:

https://angular.io/