DevGang
Авторизоваться

Angular 19: Немаркированные шаблонные литералы в выражениях

В версии Angular 19.2.0 появилась возможность использовать немаркированные шаблонные литералы в выражениях. Это позволяет интерполировать переменные, используя обратные кавычки, непосредственно внутри Angular-выражений в шаблонах. Главная цель нововведения – упростить конкатенацию строк в шаблонах компонентов.

Angular 19: Новая функция ngComponentOutlet — componentInstance

В Angular 19.1.0 директива ngComponentOutlet стала мощнее благодаря добавлению геттера componentInstance. Теперь разработчики могут получить прямой доступ к экземпляру динамически созданного компонента. Эта возможность крайне важна для Angular-разработчиков, так как упрощает взаимодействие с отображенным компонентом. Можно легко получать доступ к его входным параметрам и методам сразу после создания. С componentInstance взаимодействие с компонентами в шаблонах и классах компонентов становится непосредственным.

Новый Angular 19

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

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

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

Изучение форм Angular: Новая альтернатива с помощью Signals

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

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

Проекция содержимого в Angular

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

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

Освоение изменяемых по размеру столбцов в таблицах Angular

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

Создание и обслуживание приложений Angular в различных средах с помощью Environment.ts (Angular 15+)

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

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

Как сделать заголовки страниц в Angular

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

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

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

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

Создайте простой вход в систему с помощью Angular Material

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

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

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

Обнаружение Zoneless изменений в Angular 18

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

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

Присоединяйся в тусовку

Поделитесь своим опытом, расскажите о новом инструменте, библиотеке или фреймворке. Для этого не обязательно становится постоянным автором.

Попробовать

В этом месте могла бы быть ваша реклама

Разместить рекламу