Различия между угловым 5 и угловым 6 - PullRequest
0 голосов
/ 06 июня 2018

В чем различия между Angular 5 и Angular 6. Как я могу обновить наше приложение с Angular 5 до Angular 6.

Каковы основные различия между Angular 5 и Angular 6?

Ответы [ 5 ]

0 голосов
/ 01 мая 2019

Существуют значительные изменения от угловых 5 до 6, 10 основных изменений перечислены ниже: -

  1. Угловые элементы.
  2. Служба поддержки.
  3. Нет поддержки шаблонов.
  4. i18n
  5. Плющ: новый механизм рендеринга.
  6. ngModel Change.
  7. ElementRef
  8. Bazel compiler.
  9. RxJs 6.0
  10. Встряхивание деревьев.

Для подробного объяснения, пожалуйста, обратитесь https://dzone.com/articles/top-10-features-of-angular-60

0 голосов
/ 03 сентября 2018

В Angular 6, по умолчанию этот декоратор настроен со свойством "provideIn" , которое создает провайдера для службы.В этом случае обеспеченный в: «root» указывает, что служба должна быть предоставлена ​​в корневом инжекторе.

@Injectable({
    providedIn: 'root'
})
export class ApiService{
 //.......}

Дополнительная ссылка здесь

0 голосов
/ 22 июня 2018
  1. Вы можете обновить приложение angular 5 до angular v6, см. Этот URL http://www.talkingdotnet.com/upgrade-angular-5-app-angular-6-visual-studio-2017/

  2. Также вы можете увидеть основные изменения между angular 5 и angular 6, https://dzone.com/articles/angular-6-release-vs-angular-5-new-features-and-im

0 голосов
/ 28 июня 2018

Angular 6 Изменения:

1) Typescript 2.7+ поддерживает

2) Добавлен угловой материал и стабильная CDK

3) Компонент Dev Kit(CDK) - CDK позволяет создавать собственную библиотеку компонентов пользовательского интерфейса с использованием Angular Material.

4) Улучшенные сообщения об ошибках декоратора

5) Исправлен пример определения платформы для Universal

6) Ivy Renderer - это новая обратно совместимая и главная сфокусированная область - улучшения скорости, уменьшение размера и повышенная гибкость.

7) Добавьте afterContentInit и afterContentChecked для рендеринга

8)Добавлено в поддержку nativeElement

9) Добавлено Необязательный универсальный тип для ElementRef Пример выглядит так: @ViewChild ('your-element') yourElement: ElementRef;

10) Bazel Compiler - только Bazelвосстанавливает то, что необходимо.

11) Добавлен комментарий к тесту

12) Добавлены отсутствующие тесты жизненного цикла для проектируемых компонентов

13) Компилятор закрытия - Компилятор закрытия завершенtently генерирует меньшие пакеты.

14) Переименование QueryPredicate в LQuery и LQuery в LQueries

15) Service Worker - Сервисный работник - это скрипт, который запускается в веб-браузере.Он также управляет кэшированием для приложения.

16) Добавлено несколько валидаторов для метода массива FormBuilder

17) Обрабатывать строку с границей строки и без нее - Теперь обрабатывать строку с границей строки и без нее (^& $) на валидаторах шаблонов.Ранее он работал со строкой, а не с границами.

18) AbstractControl statusChanges - Предыдущая версия, не генерирует событие, когда вы вызывали «markAsPending», но теперь выдает событие «PENDING», когда мы вызываем AbstractControl markAsPending.

19) Обновления в NgModelChange - теперь испускаются после того, как значение и достоверность обновлены для его элемента управления.Ранее он передавался до обновления.

20) Разрешить HttpInterceptors вводить HttpClient - Ранее перехватчик, пытающийся внедрить HttpClient напрямую, получал ошибку циклической зависимости, так как HttpClient создавался через фабрику, которая внедрила экземпляры перехватчика.,Пользователи хотят внедрить HttpClient в перехватчики для поддержки.

Либо HttpClient, либо пользователь должен специально работать с циклической зависимостью.Это изменение переносит эту ответственность в сам HttpClient.Используя новый класс HttpInterceptingHandler, который лениво загружает набор перехватчиков во время запроса, можно внедрить HttpClient непосредственно в перехватчики, так как построение HttpClient больше не требует создания цепочки перехватчиков.

21) Добавить навигационный источник иrestoreState to NavigationStart - в настоящее время NavigationStart нет способа узнать, была ли навигация вызвана обязательно или с помощью изменения местоположения.Эти два варианта использования должны обрабатываться по-разному для различных вариантов использования (например, восстановление положения прокрутки).Этот PR добавляет поле источника навигации и восстанавливает идентификатор навигации (передается навигации, вызванной изменением URL).

22) Добавляет тип и привязывает к директиве def

23) Включает отслеживание размераминимальное CLI-приложение render3

24) Добавить запрос канонического представления

25) Языковая служба - версия 2.6 «92ModuleName »Typescript начала требовать, чтобы пути, которые передаются, разделялись знаком« / »вместовозможность обрабатывать '\'.

для более подробной информации: Нажмите здесь

0 голосов
/ 11 июня 2018

Новые функции в Angular 6 перечислены в приведенной ниже ссылке: https://www.infoworld.com/article/3213244/javascript/whats-new-in-angular-version-6-is-here.html

вы можете обратиться по ссылке ниже для перехода на Angular 6: Хотите обновить проект с Angular v5 до Angular v6

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...