В версии Angular 19.2.0 появилась возможность использовать немаркированные шаблонные литералы в выражениях. Это позволяет интерполировать переменные, используя обратные кавычки, непосредственно внутри Angular-выражений в шаблонах. Главная цель нововведения – упростить конкатенацию строк в шаблонах компонентов.
В Angular 19.1.0 директива ngComponentOutlet
стала мощнее благодаря добавлению геттера componentInstance
. Теперь разработчики могут получить прямой доступ к экземпляру динамически созданного компонента. Эта возможность крайне важна для Angular-разработчиков, так как упрощает взаимодействие с отображенным компонентом. Можно легко получать доступ к его входным параметрам и методам сразу после создания. С componentInstance
взаимодействие с компонентами в шаблонах и классах компонентов становится непосредственным.
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.
@angular/platform-browser
. Этот сервис позволяет динамически задавать заголовок документа.В этой статье мы рассмотрим простой способ создания формы авторизации (входа в систему) с помощью Angular Material. Вы узнаете, как использовать компоненты для создания привлекательного и функционального интерфейса. Мы рассмотрим основные этапы, начиная с установки необходимых зависимостей и заканчивая реализацией логики авторизации.
Первое, что нам нужно сделать, это установить NodeJS, если его нет на нашем компьютере, скачайте последнюю версию с официального сайта: NodeJS Download.
В Angular v18 представлена экспериментальная функция, называемая обнаружением Zoneless изменений. Эта технология устраняет необходимость в Zone.js
, библиотеке, которая ранее с самого начала использовалась для обнаружения изменений в Angular. Устранив Zone.js
, мы увидим улучшения в более быстром первоначальном рендеринге, уменьшении размеров пакетов и упрощении отладки.
В этой статье мы углубимся в обнаружение изменений Angular, новую функцию Zoneless и то, какую пользу эта новая функция принесет разработчикам Angular.
Присоединяйся в тусовку
Поделитесь своим опытом, расскажите о новом инструменте, библиотеке или фреймворке. Для этого не обязательно становится постоянным автором.