Max Home IndustryAngular 4, последняя версия популярного фреймворка для создания приложений JavaScript и динамических веб-страниц, разрабатываемого Google, уже отсутствует. Это основной выпуск, но он обратно совместим с Angular 2.x.x.
Если вы спрашиваете, что случилось с Angular 3, посмотрите наш новостной отчет Angular Jumps To Version 4, в котором рассказывается об объявлении о прерывистой нумерации, сделанном на конференции Angular в Бельгии в декабре 2016 года. По сути, теперь, когда Angular принял семантическое версионирование нумерация была изменена, чтобы идти в ногу с маршрутизатором Angular, компонентом, который занимается управлением переходами состояний, включая URL. Поскольку маршрутизатор достиг версии 4, самому Angular пришлось перейти с 2 на 4, чтобы идти в ногу со временем.
В то время как переход от версии 1 к версии 2 потребовал значительного переписывания Angular и внесения множества критических изменений, таких потрясений с переходом с Angular 2 на 4 не предвиделось.
Сообщение в блоге, объявляющее об общедоступности Angular 4, возглавляет список «Что нового», утверждая, что он меньше и быстрее, и отмечает:
В этом выпуске мы выполняем свое обещание делать приложения Angular меньше и быстрее. Мы еще не закончили, и вы увидите, что в ближайшие месяцы мы сосредоточимся на дальнейших улучшениях.
Объяснение того, как это было достигнуто, связано с механизмом просмотра:
Мы внесли изменения в то, как выглядит код, сгенерированный AOT. Эти изменения в большинстве случаев уменьшают размер сгенерированного кода для ваших компонентов примерно на 60%. Чем сложнее ваши шаблоны, тем выше экономия.
Во время периода выпуска релиз-кандидатов мы слышали от многих разработчиков, что переход на 4 сократил их производственные пакеты на сотни килобайт.
Другая стратегия, используемая для уменьшения и ускорения Angular, заключается в том, что анимации были извлечены из @ angular / core и помещены вместо этого в свой собственный пакет. Поэтому, если вы не используете анимацию, их код не будет загромождать ваши производственные пакеты.
Среди других заслуживающих внимания новых функций:
Улучшены * ngIf и * ngForY: теперь вы можете использовать синтаксис стиля if / else и назначать локальные переменные, например, при развертывании наблюдаемого:
Совместимость с TypeScript 2.1 и 2.2
Angular был обновлен до более новой версии TypeScript, которая повысит скорость ngc и улучшит проверку типов во всем приложении.
Исходные карты для шаблонов Теперь, когда в одном из ваших шаблонов возникает ошибка, вызванная чем-то, мы генерируем исходные карты, которые дают содержательный контекст с точки зрения исходного шаблона.
Совместимость с экспериментальным закрытием: весь код теперь имеет аннотации закрытия, что позволяет использовать преимущества расширенных оптимизаций закрытия, что приводит к меньшим размерам пакетов и лучшему встряхиванию дерева.
Объявление завершается:
Обновиться до 4 так же просто, как обновить ваши зависимости Angular до последней версии и дважды проверить, хотите ли вы анимацию. Это будет работать для большинства случаев использования.
Если вам требуются анимации, советуем импортировать новый BrowserAnimationsModule из @ angular / platform-browser / animations в корневой модуль NgModule. Без этого ваш код будет компилироваться и запускаться, но анимация вызовет ошибку.