Описание тега angular
Духовный преемник старой веб-платформы AngularJS.
(Вопросы о более старой структуре должны использовать вместо этого тег angularjs.)
Характеристики и преимущества
- Сначала мобильные
- Готовность к будущему
- Гибкое развитие
- Скорость и производительность
- Серверный рендеринг
- Просто и выразительно
- Комплексная маршрутизация
- Анимации
- Иерархическая инъекция зависимостей
- Поддержка веб-компонентов
- Сервисные работники
- Интернационализация и локализация (i18n) и доступность
- Компиляция AOT
- Ленивая загрузка
- И многое другое
Строительные блоки приложений 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+.
Полезные ссылки
- Официальный веб-сайт
- Репозиторий Github
- Журнал изменений
- Awesome Angular - исчерпывающий список ресурсов
- Компоненты и библиотеки Angular 2+
- Gitter Channel
- AngularAir - подкаст и прямая трансляция
- рассылка новостей по электронной почте ng-newsletter
- Угловой в глубине
- Руководство по обновлению
Книги
Редакторы кода и IDE
- Атом
- StackBlitz, онлайн-редактор кода
- CodeSandbox, онлайн-редактор кода
- Код VisualStudio
- WebStorm
- IntelliJ IDEA
- Возвышенный текст
- Кодер, облачная IDE
- Theia, облачная и настольная IDE
- подробная вики по поддержке TypeScript в IDE: @Microsoft@GitHub
Богатые компоненты пользовательского интерфейса для Angular
- PrimeNG
- Угловой материал
- Муравей Дизайн Angular
- Ant Design Mobile от Angular
- ng-bootstrap
- Бутстрап
- Кендо UI
- Семантический интерфейс
- нг-молния
Кросс-платформенная разработка
Связанные теги
- угловой4
- угловой5
- угловой6
- угловой7
- угловой8
- угловой9
- угловой10
- angular-cli
- угловая маршрутизация
- angular2-routing
- угловой-httpclient
- angularfire2
- угловые реактивные формы
- угловатый материал
Официальный логотип:
https://stackru.com/images/9eae391ca4b51db4defa47b1be88f25559865c39.png