Что нового в angular 11?

Давайте посмотрим на обновления Angular 11 и на то, что делает его таким быстрым, как вы регистрируете и улучшаете производительность маршрутизатора, а также автоматическое встраивание шрифтов. Некоторые из этих функций здесь:

Маршрутизатор

RouteReuseStrategy в более ранней версии angular 11 возникла проблема со следующим маршрутом для дочерних маршрутов. Эта проблема исправлена ​​в Angular 11. routerlink теперь принимает неопределенные входные данные. NavigationExtras#preserveQueryParams удален из @angular/router.

DatePipe

DatePipe больше не округляет доли миллисекунды в большую сторону. Добавлен более строгий тип для DatePipe.

Версия TypeScript

TypeScript 3.9 не поддерживается. Пожалуйста, обновитесь до TypeScript 4.0. Это ускоряет процесс сборки.

"devDependencies": {
"@angular-devkit/build-angular": "~0.1101.2",
"@angular/cli": "~11.1.2",
"@angular/compiler-cli": "~11.1.1",
"@types/jasmine": "~3.6.0",
"@types/node": "^12.11.1",
"codelyzer": "^6.0.0",
"jasmine-core": "~3.6.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~5.2.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage": "~2.0.3",
"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.5.0",
"protractor": "~7.0.0",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~4.1.2"
}

ViewEncapsulation.Native

ViewEncapsulation.Native убит. Ранее angular поддерживал режим инкапсуляции представления ViewEncapsulaion. Собственный, основанный на API проекта Shadow DOM v0. Эти API-интерфейсы устарели с помощью окончательных API-интерфейсов Shadow DOM, которые облегчаются через ViewEncapsulation.ShadowDom.

асинхронная функция

асинхронная функция пути @angular/core/testing была переименована, чтобы ждать асинхронного, чтобы избежать проблем с асинхронным синтаксисом собственного JavaScript. Текущая функция устарела и будет удалена в следующей версии.

@angular/ядро

CollectionChangeRecord был удален из @angular/core.

Встроенный шрифт

В Angular 11 шрифты можно преобразовать во встроенные в index.html. Вы можете установить флаг в своем angular.json в опции сборки. Этот столбец по умолчанию разрешен в производственной конфигурации.

"configurations": 
{             
 "optimization": true,
 }

or

"configurations": 
{           
  "optimization": 
  {
        "fonts": {
            "inline": false
         }
   },
}

Поддерживаемые браузеры

IE 9, IE 10 и IE mobile удалены в этой новой версии, они устарели в последнем выпуске Angular. Angular поддерживает только версию IE 11.

Развлекайтесь, продолжайте учиться и всегда продолжайте программировать.