Скачать или смотреть Angular Signal Forms: наконец-то исправлена ​​проблема с числовыми полями ввода в Angular 21.2.

Ввод числовых данных в Angular Signal Forms был неудобным, но теперь всё изменилось.

👕 Создано для разработчиков Angular. Приобретите товары Shieldworks “United by Craft” → https://shop.briantree.se

Ранее Angular Signal Forms не поддерживали значения NULL для числовых полей ввода, что означало, что разработчикам приходилось полагаться на значения по умолчанию, такие как 0, пустые строки или даже NaN, для представления пустого поля. В этом видео вы увидите, как именно работали числовые поля ввода до Angular 21.2 и как они работают сейчас с корректной поддержкой NULL. Мы шаг за шагом рассмотрим добавление числового поля, изучим старые подходы и их ограничения, и в конце покажем правильное современное решение с использованием Angular Signal Forms. Если вы используете Signal Forms в Angular 21.2 или более поздней версии, это правильный способ обработки числовых полей ввода.

------------------------------------------------------------------------------

🔔 Подпишитесь на канал, чтобы получать больше уроков и советов по Angular → [🔗 https://www.youtube.com/c/briantreese...]
👍 Поставьте лайк этому видео, если оно оказалось полезным, это действительно поможет поддержать канал!

------------------------------------------------------------------------------

🔗 Ссылки на демо-версии:
https://github.com/brianmtreese/angul...

------------------------------------------------------------------------------

📚 Дополнительные ресурсы:
Примечания к выпуску v21.2.0: https://github.com/angular/angular/re...
Руководство по Angular Signal Forms: https://angular.dev/essentials/signal...
Мой курс "Angular: стилизация приложений": https://www.pluralsight.com/courses/a...
Мой курс "Angular на практике: обнаружение изменений без зоны": https://app.pluralsight.com/library/c...
Получите БЕСПЛАТНУЮ ПРОБНУЮ ВЕРСИЮ Pluralsight ЗДЕСЬ!: https://www.jdoqocy.com/click-1015573...

------------------------------------------------------------------------------

📖 Разделы:
0:00 – Введение
0:21 – Отправная точка: наша существующая форма
0:48 – Очевидное решение (ноль)
1:47 – Добавление ввода числа с использованием форм сигналов Angular
2:57 – Проблема с нулем
3:40 – Компромисс в отношении типобезопасности: использование типа объединения (строка | число)
4:38 – Хак, использованный разработчиками (NaN)
5:36 – Реальное решение (поддержка null)
6:35 – Правильный способ обработки чисел Ввод данных в Angular Signal Forms

------------------------------------------------------------------------------

🧰 Об используемых инструментах
В этом видео демонстрируется Angular Signal Forms, современный API форм, построенный на основе Angular Signals. Signal Forms обеспечивают реактивное, типобезопасное состояние формы без сложностей традиционных реактивных форм. Вы увидите, как использовать API form(), директиву FormField, функции валидации и сигналы модели для эффективного управления данными формы, а также новую поддержку значений null для числовых полей ввода, представленную в Angular 21.2.

------------------------------------------------------------------------------

#angular #angularsignalforms #angularforms #angularsignals #angular21 #webdevelopment #frontenddevelopment #typescript #softwareengineering #angulartutorial