Angular7 - Обзор
Angular 7принадлежат Google и выпуск стабильному был сделан на 18 - е октября 2018. Это последняя версия углового.
Ниже приведен список выпущенных на данный момент версий Angular -
| Версия | Дата выхода |
|---|---|
| Угловой JS | Октябрь 2010 г. |
| Угловой 2.0 | Сентябрь 2016 |
| Угловой 4.0 | Март 2017 г. |
| Угловой 5.0 | Ноябрь 2017 г. |
| Угловой 6.0 | Май 2018 |
| Угловой 7.0 | Октябрь 2018 г. |
Даты выпуска следующих двух основных будущих версий Angular приведены ниже -
| Версия | Дата выхода |
|---|---|
| Угловой 8.0 | Март / апрель 2019 |
| Угловой 9.0 | Сентябрь / октябрь 2019 |
Google планирует выпускать основную версию Angular каждые 6 месяцев. Выпущенные на данный момент версии обратно совместимы и могут быть очень легко обновлены до более новой.
Давайте обсудим новые функции, добавленные в Angular 7.
Угловое обновление до V7
Angular 7 - это основной выпуск, в котором в основе angular core обновлены Angular CLI и Angular Materials. Если вы используете Angular 5 или 6 и хотите обновить до Angular 7, ниже приведена команда, которая обновит ваше приложение до последней версии Angular:
ng update @angular/cli @angular/coreAngular CLI
При настройке проекта с использованием angular CLI он запрашивает доступные встроенные функции, то есть поддержку маршрутизации и таблиц стилей, как показано ниже -
Производительность приложения
В Angular 7 в angular.json добавлен бюджет пакета, как показано ниже -
Budgets- это функция, добавленная в Angular CLI, которая позволяет вам установить ограничение внутри вашей конфигурации, чтобы убедиться, что размер вашего приложения находится в установленных пределах. Вы можете установить размер, чтобы приложение могло получать предупреждение о превышении лимита.
Угловой материал и CDK
Версия Angular Material / CDK обновлена в Angular 7. Также в CDK добавлены 2 функции: virtual scrolling, and drag and drop.
Виртуальная прокрутка
Функция виртуальной прокрутки показывает пользователю видимые элементы dom, по мере того как пользователь прокручивает, отображается следующий список. Это дает более быстрый опыт, поскольку полный список не загружается за один раз, а загружается только в зависимости от видимости на экране.
Перетащить и отпустить
Вы можете перетаскивать элементы из списка и размещать их в любом месте списка. Новая функция работает очень плавно и быстро.