Angular 14: все важные функции и обновления
- Обновления
- 13 июня 2022 года
Angular, основанный на шрифте веб-приложения фреймворк является одним из блестящих творений Google. Он выпустил свою последнюю версию, которая является Angular 14. Здесь мы поговорим о том, что Angular 14 принес для Разработчик Angular Что касается обновлений и функций, давайте начнем с него без каких-либо дальнейших задержек.
Что нового в Angular 14?
Давайте посмотрим, что новый релиз Angular 14 принес нам всем:
Автономные компоненты сделают процесс разработки углового узла проще
Отдельные компоненты не делают ничего, кроме оптимизации авторизации угловых приложений за счет снижения требований к NgModules. В угловом 14 автономные компоненты находятся в предварительном просмотре разработчика. Затем они все настроены на использование в ваших приложениях для процесса разработки и исследования.
Однако существует вероятность того, что API не может быть стабильным и может изменяться за пределами обычной стратегии обратной совместимости.
И в рамках будет продолжаться создание схем (таких как ng new <app-name> -standalone), а также документирование вариантов использования и обучения для этой обновленной, оптимизированной ментальной модели.
Типичные угловые формы
Angular 14 положил конец главной проблеме GitHub, которая заключается в реализации строгого набора для пакета Angular Reactive Forms.
Типовые формы обеспечивают безопасность значений внутри элементов управления формами, групп и массивов по всей поверхности API, что позволяет создавать более безопасные формы, особенно для глубоко вложенных сложных случаев.
Эта функция специально разработана для публичных запросов на комментарии и обзоры дизайна, которые были основаны на предварительном прототипировании, работе и тестировании участников сообщества Angular, включая Сону Капура, Нетанель Базель и Седрика Эксбрайата.
Схемы обновления помогают с прогрессивной миграцией в типизированные формы, позволяя добавлять типизацию к существующим формам умеренно вместе с полной обратной совместимостью.
Расширенная диагностика разработчиков
Новая расширенная диагностика построена, чтобы предоставить вам расширяемую структуру, которая дает вам больше информации о ваших шаблонах и о том, как вы можете их улучшить.
Диагностика делает предупреждения о времени компиляции с точными, действенными предложениями для ваших шаблонов, улавливая ошибки перед временем выполнения.
Оптимизация лучших практик
Angular 14 поможет вам испытать то, что абсолютно необходимо для того, чтобы вы чувствовали себя комфортно.
Начиная с новых инструкций по обнаружению изменений на angular.io, Angular v14 имеет встроенные инструменты, которые позволяют разработчикам создавать приложения премиум-качества, от маршрутизации до редактора кода, начиная с новых инструкций по обнаружению модификаций на angular.io.
Читайте также: Angular 15 теперь в прямом эфире: все новые функции, изменения в коде и износы, которые нужно знать!
Упорядоченная доступность заголовка страницы
Еще одна рекомендуемая лучшая практика заключается в том, чтобы убедиться, что заголовки страниц вашего приложения общаются особым образом.
Новый атрибут Route.title в Angular Router в v13.2 облегчает это. Добавление заголовка не оставляет никаких требований для некоторого дополнительного импорта и сильно типизировано.
«Банана в коробке» — ошибка
Обычная ошибка синтаксиса разработчика заключается в том, чтобы перевернуть скобки и скобки в двустороннюю переплетку, написав вместо [()]. Поскольку () вид похож на банан и [] вид похож на коробку, таким образом, он был прозван ошибкой «банан в коробке», потому что банан должен идти в коробке.
Поскольку эта ошибка технически обоснована, CLI фреймворка может признать, что это в редком случае то, что планируют разработчики. В выпуске v13.2 было дано подробное сообщение об этой ошибке и руководство о том, как решить эту проблему, все в CLI и редакторе кода.
Трехскатная ошибка сообщения
Этот выпуск Angular 14 содержит новые коды ошибок во время выполнения. Надежные коды ошибок делают его довольно простым и быстрым для распознавания и справки о том, как отлаживать ваши сбои. Это позволяет вам создать оптимизатор для сохранения кодов ошибок при встряхивании сообщений об ошибках (длинных строк) из производственных пакетов.
Для обнаружения всего текста при отладке производственной задачи, угловой рекомендует посетить справочные руководства Angular и повторить ошибку в среде разработки. Devs будет продолжать реструктурировать текущие ошибки постепенно, чтобы использовать этот обновленный формат в будущих версиях.
Уловить нулевое угольное производство на ненулевых стоимостях
Расширенная диагностика также приводит к ошибкам для бесполезных операторов нуллилового коалесцирования (??) в угловых шаблонах. В частности, эта ошибка возникает, когда вход не является «неотъемлемым», что означает, что его тип не содержит нулевых или неопределенных.
Расширенная диагностика показывает как предупреждения во время сборки ng, подачи ng, так и в режиме реального времени с помощью службы углового языка.Диагностика настраивается в tsconfig.json, где можно указать, считать ли диагностику предупреждением, ошибкой или подавлением.
Встроенные улучшения в Angular 14 Release
Angular 14 поддерживает текущий TypeScript 4.7 и теперь нацелен на ES2020 по умолчанию, позволяя CLI отправлять меньший код без понижения уровня.
Кроме того, есть еще три элемента, которые должны быть выделены в Angular 14:
Обязательство для защищенных компонентов
В Angular теперь вы можете связывать защищенные компоненты непосредственно с шаблонами.
Это дает вам больше контроля над публичной поверхностью API ваших многоразовых компонентов.
Опциональные инжекторы во встроенных представлениях
Angular 14 добавляет поддержку для прохождения дополнительного инжектора при разработке встроенного представления через ViewContainerRef.createEmbeddedView и TemplateRef.createEmbeddedView.
Инжектор затем позволяет персонализировать поведение зависимости в рамках конкретного шаблона.
NGModel OnPush
И последнее, но не менее важное: вклад сообщества ставит точку в главной проблеме и гарантирует, что изменения в NgModel отражаются в пользовательском интерфейсе компонентов OnPush.
Угловые CLI-усиления
Стандартизированный анализ аргументов CLI приводит к большей согласованности во всем Angular CLI, и теперь каждый флаг использует формат корпуса с более низким уклоном. В Angular 14 поддержка аргументов с устаревшими аргументами верблюда была удалена, и поддержка была добавлена для комбинированного использования псевдонимов.
нг завершение
Angular 14 ввел автозаполнение в реальном времени для команд типа ng serve. Каждый раз, когда вы сталкиваетесь с ошибкой в командной строке, опечатки являются основными факторами, способствующими тому же. Но для решения этой проблемы Angular 14 запустил новое завершение ng и ввел автозаполнение в реальном времени!
Чтобы убедиться, что все разработчики Angular знают об этом, CLI предложит вам выбрать автозаполнение во время первого выполнения команды в Angular 14.
ng аналитика
Команда аналитики CLI позволяет вам контролировать настройки аналитики и печатать аналитическую информацию. Более подробный вывод эффективно передает ваши конфигурации аналитики и предоставляет команде данные телеметрии для информирования о приоритетности нашего проекта.
нг кэш
ng cache предоставляет вам способ управления и печати информации кэша из командной строки. Вы можете включить, отключить или удалить с диска, а также распечатать статистику и информацию.
Angular DevTools доступен в автономном режиме и в Firefox
Расширение отладки Angular DevTools теперь включает поддержку офлайн, все кредиты идут на вклад сообщества Кита Ли. Для пользователей Firefox найдите расширение в надстройках для Mozilla.
Как установить Angular 14?
Все, что вам нужно сделать, это установить Angular v14 через npm, используя следующий флаг. Затем, продолжайте открывать новый интерфейс командной строки и запустите следующую команду для установки новой версии Angular.
npm install --global @angular/cli@nextИспользуя эту команду, вы можете просто установить версию Angular CLI по всему миру на свою машину разработки.
Как перейти на Angular 14?
Вы можете обновить от Угловой 13 В 14-й степени через этот источник.
Заключительное заявление
Итак, мы достигли этого, следуя особенностям Angular 14, вы должны с нетерпением ждать использования этого в процессе разработки. Мы снова остановимся, когда Google удивит нас еще одной версией Angular.
