Angular 6 - Обзор

Существует пять основных выпусков Angular. Первая выпущенная версия - Angular 1, также называемая AngularJS. За Angular 1 последовал Angular 2, который претерпел множество изменений по сравнению с Angular 1.

Структура Angular основана на архитектуре компонентов / сервисов. AngularJS был основан на контроллере представления модели.Angular 6 выпущенный в мае 2018 года, оказался большим прорывом и является последним выпуском команды Angular после Angular 5.

Angular 6 почти такой же, как Angular 5. Он имеет обратную совместимость с Angular 5. Проекты, разработанные в Angular 5, будут работать без проблем с Angular 5.

Давайте теперь посмотрим на новые функции и изменения, внесенные в Angular 5.

Angular 5 и его особенности

Angular 5 был выпущен в ноябре 2017 года. В соответствии со своей целью по скорости и размеру он был намного быстрее и меньше по размеру, чем Angular 4. Ниже перечислены функции, которые были представлены в Angular 5.

HTTPClient API- HTTPClient API был введен, чтобы отказаться от библиотеки HTTP. HTTPClient API намного быстрее, безопаснее и эффективнее библиотеки HTTP.
Multiple export aliases - Компонент можно экспортировать с использованием нескольких псевдонимов, чтобы упростить процесс миграции.
Internationalized Pipes for Number, Date, and Currency - Введены новые трубы для лучшей стандартизации.
Lambda support - вместо функций можно использовать лямбда-выражения с собственными именами.
Build Optimizer- Добавлен оптимизатор сборки. Он оптимизирует размер сборки и увеличивает скорость работы приложения. Angular CLI автоматически использует оптимизатор сборки.
Improved Compiler- Компилятор, начиная с Angular 5, поддерживает инкрементную компиляцию для более быстрой компиляции. Компилятор использует преобразования TypeScript, новую функцию TypeScript 2.3, доступную позже.

Давайте теперь посмотрим на новые функции, добавленные в Angular 6 -

Updated Angular CLI, Command Line interface- Добавлены новые команды, такие как ng-update для перехода с предыдущей версии на текущую. ng-add для быстрого добавления функций приложения, чтобы сделать приложение прогрессивным веб-приложением.
Updated CDK, Component Development Kit- Поддерживает создание пользовательских элементов пользовательского интерфейса без использования библиотеки материалов angular. Поддерживает адаптивные макеты веб-дизайна. Поддерживает оверлейные пакеты для создания всплывающих окон.
Updated Angular Material - Добавлен новый компонент Tree, mat-tree, стилизованная версия и cdk-tree, unstyled version, для представления иерархической структуры, такой как дерево.
Usage of RxJS, a reactive JS library
Angular Element- Позволяет публиковать компоненты Angular как веб-компоненты, которые затем можно использовать на любой странице HTML. Используя пакет Angular Element, можно легко создавать собственные настраиваемые элементы.
Несколько валидаторов - позволяет применять несколько валидаторов в построителе форм.
Встряхивание дерева на сервисах - теперь встряхивание дерева может применяться и к сервисам, чтобы удалить мертвый код.