Учебники

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-библиотека.

  • Несколько псевдонимов экспорта — компонент может быть экспортирован с использованием нескольких псевдонимов для упрощения процесса миграции.

  • Интернационализированные трубы для числа, даты и валюты — Новые каналы введены для лучшей стандартизации.

  • Лямбда-поддержка — лямбда-выражения с собственными именами могут использоваться вместо функций.

  • Оптимизатор сборки — представлен Оптимизатор сборки. Это оптимизирует размер сборки и повышает скорость работы приложения. Angular CLI использует Build Optimizer автоматически.

  • Улучшенный компилятор — Компилятор начиная с Angular 5 и далее поддерживает инкрементную компиляцию, что приводит к более быстрой компиляции Компилятор использует преобразования TypeScript, новая функция TypeScript 2.3, доступная в дальнейшем.

HTTPClient API — HTTPClient API был введен для устаревания библиотеки HTTP. HTTPClient API намного быстрее, безопаснее и эффективнее, чем HTTP-библиотека.

Несколько псевдонимов экспорта — компонент может быть экспортирован с использованием нескольких псевдонимов для упрощения процесса миграции.

Интернационализированные трубы для числа, даты и валюты — Новые каналы введены для лучшей стандартизации.

Лямбда-поддержка — лямбда-выражения с собственными именами могут использоваться вместо функций.

Оптимизатор сборки — представлен Оптимизатор сборки. Это оптимизирует размер сборки и повышает скорость работы приложения. Angular CLI использует Build Optimizer автоматически.

Улучшенный компилятор — Компилятор начиная с Angular 5 и далее поддерживает инкрементную компиляцию, что приводит к более быстрой компиляции Компилятор использует преобразования TypeScript, новая функция TypeScript 2.3, доступная в дальнейшем.

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

Обновленный Angular CLI, интерфейс командной строки — добавлены новые команды, такие как ng-update для перехода с предыдущей версии на текущую. нг-добавить, чтобы быстро добавить функции приложения, чтобы сделать приложение прогрессивным веб-приложений.

Обновленный CDK, Component Development Kit — поддерживает создание пользовательских элементов интерфейса без необходимости использования библиотеки угловых материалов. Поддерживает адаптивные макеты веб-дизайна. Поддерживает оверлейные пакеты для создания всплывающих окон.

Обновленный угловой материал — добавлен компонент «Новое дерево», mat-tree, стилизованная версия и cdk-tree, нестилированная версия, для представления иерархической структуры, такой как дерево.

Использование RxJS, реактивной библиотеки JS

Угловой элемент — позволяет угловым компонентам публиковаться как веб-компоненты, которые затем можно использовать на любой HTML-странице. Используя пакет Angular Element, можно легко создавать собственные пользовательские элементы.

Несколько валидаторов — позволяет использовать несколько валидаторов в построителе форм.

Тряска дерева на сервисах — теперь тряска дерева может быть применена и к сервисам, чтобы удалить мертвый код.