Angular v6.1 и TypeScript 2.9: прокрутка Позиционирование и многое другое

Что нового

Восстановление позиции прокрутки при роутинге

Теперь вы можете настроить роутинг на запоминание и восстановление позиции прокрутки, когда пользователь перемещается по приложению. Новые навигационные события сбросят положение прокрутки, и нажатие кнопки «Назад» восстановит предыдущую позицию.

Включите восстановление в конфигурации маршрутизатора:

RouterModule.forRoot(routes, {scrollPositionRestoration: 'enabled'})

Ожидается, что эта настройка будет включена по умолчанию с новой мажорной версии.

ShadowDOM v1 View Encapsulation

Существует несколько способов подключения CSS внутрри ваших компонент, которые называются View Encapsulation. Теперь внутри декоратора компонента вы можете изменить View Encapsulation для использования ShadowDOM v1. Предыдущий ViewEncapsulation.Native теперь считается устаревшим.

ShadowDOM v1 имеет лучшую поддержку кросс-браузерности, чем предыдущая, и создается как общий стандарт для браузеров.

Многие из этих изменений больше касаются авторов библиотек и продвинутых разработчиков.

Подключение настройки:

@Component({
  templateUrl: './my-component.html',
  encapsulation: ViewEncapsulation.ShadowDom
})
export class MyComponent { }

Изменили Schematics в Angular-cli

Schematics - это генераторы, которые преобразуют существующую файловую систему. Он может создавать файлы, реорганизовывать существующие файлы или перемещать файлы.
Улучшили способ привязки Schematics, добавив поддержку для возврата правила из существующего правила. Это позволяет разработчикам более динамично определять набор правил, которые следует соблюдать при разработке Schematics.

TypeScript 2.9

Angular теперь поддерживает TypeScript 2.8 и 2.9

Одно важное изменение в TypeScript 2.9, из которого многие разработчики извлекут выгоду, связано с такими ошибками, как «Exported variable ‘x’ has or is using name ‘y’ from external module ‘z’ but cannot be named». TypeScript смягчил эти декларации, выдавая правила видимости, что означает, что вы больше не увидите эту ошибку, и вам больше не придется менять свой код для таких шаблонов экспорта.

Полный список исправлений можно посмотреть в разделе «Angular changelog» и CLI release notes.

Это последнtt запланированное минорное обновление для версии 6.x, по плану, следуещим выпущеным обновление будет бета-версия 7.0