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

Автономные компоненты по умолчанию

Введение автономных компонентов в Angular 14 стало важным шагом. Теперь в Angular 19 они применяются автоматически, без необходимости явно указывать standalone: true.

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

Новый инструмент для управления реактивностью — signals — был представлен в версии 16 Angular и с тех пор находится в центре внимания разработчиков Angular, став стабильным с версией 17. Сигналы позволяют вам декларативно обрабатывать изменения состояния, предлагая интересную альтернативу, которая сочетает в себе простоту форм, управляемых шаблонами, и высокую реактивность реактивных форм. В этой статье мы рассмотрим, как сигналы могут повысить реактивность как простых, так и сложных форм в Angular.

Проекция содержимого — мощный инструмент в Angular, позволяющий разработчикам создавать гибкие и многократно используемые компоненты. Такой подход повышает возможность повторного использования и гибкость, что приводит к созданию более чистых и удобных в обслуживании приложений Angular.

В этой статье мы рассмотрим, что такое проецирование контента, его типы, как его использовать, а также приведем реальный сценарий проецирования контента с несколькими слотами.

Таблицы Angular Material предоставляют элегантный способ отображения данных. Однако пользователи часто хотят получить дополнительную функциональность, например, возможность изменять размер столбцов таблицы для лучшего контроля над отображением данных. В этом руководстве мы рассмотрим процесс создания изменяемых по размеру столбцов в таблице Angular с помощью пользовательской директивы. Вы узнаете, как настроить директиву, задать стиль для изменения размера и реализовать изменение размера столбцов шаг за шагом.

Для разработчика Angular развертывание вашего приложения в различных средах — разработке (dev), пользовательском приемочном тестировании (UAT) и рабочей среде — является обычным явлением. Однако постоянное изменение кода для удовлетворения этих особенностей среды может быть утомительным, подверженным ошибкам и снижающим эффективность.

В этой статье описывается пошаговый подход к созданию и обслуживанию вашего приложения Angular в различных средах без изменения кодовой базы, используя мощную функциональность Environment.ts.

Заголовок страницы — это фрагмент текста, который вы можете увидеть на вкладке браузера рядом со значком страницы. Установка хорошего заголовка страницы, улучшающего навигацию пользователя и SEO.

Статический метод

1. На основе компонентной сети

• Самый простой способ установить заголовок страницы в Angular — использовать сервис Title, предоставляемый @angular/platform-browser. Этот сервис позволяет динамически задавать заголовок документа.

В этой статье мы рассмотрим простой способ создания формы авторизации (входа в систему) с помощью Angular Material. Вы узнаете, как использовать компоненты для создания привлекательного и функционального интерфейса. Мы рассмотрим основные этапы, начиная с установки необходимых зависимостей и заканчивая реализацией логики авторизации.

Создать базовый проект

Первое, что нам нужно сделать, это установить NodeJS, если его нет на нашем компьютере, скачайте последнюю версию с официального сайта: NodeJS Download.

В Angular v18 представлена ​​экспериментальная функция, называемая обнаружением Zoneless изменений. Эта технология устраняет необходимость в Zone.js, библиотеке, которая ранее с самого начала использовалась для обнаружения изменений в Angular. Устранив Zone.js, мы увидим улучшения в более быстром первоначальном рендеринге, уменьшении размеров пакетов и упрощении отладки.

В этой статье мы углубимся в обнаружение изменений Angular, новую функцию Zoneless и то, какую пользу эта новая функция принесет разработчикам Angular.

В Angular 18 появилась новая интересная функция для разработчиков: директива @let. Этот инструмент помогает быстро и легко создавать переменные в HTML-коде. Давайте разберемся, как она работает, и посмотрим на несколько интересных примеров.

Что такое @let?

Директива @let позволяет создавать переменные непосредственно в HTML-коде. Это означает, что вы можете выполнять простые операции, такие как объединение текста или вычисления, без необходимости писать более сложный код в другом месте вашей программы.

Компания Cardiologs создает приложения, которые позволяют медицинским работникам экономить время на анализ электрокардиограммы (ЭКГ) благодаря искусственному интеллекту.