Новая функция Angular 21.2: стрелочные функции в шаблонах (с нюансами).

В Angular 21.2 незаметно убрали давнее ограничение. 🚀 Хотите освоить Angular Signal Forms? Я только что выпустил полный курс, где мы шаг за шагом создадим реальную форму Signal Form, охватывающий валидацию, асинхронную валидацию, динамические поля, пользовательские элементы управления и шаблоны отправки. 👉 Записаться можно здесь: https://www.udemy.com/course/angular-... В этом видео мы рассмотрим новую поддержку стрелочных функций непосредственно в шаблонах в Angular 21.2 и что это значит для современной разработки Angular с использованием Signals. Вы увидите, как использовать signal.update() непосредственно в шаблоне без методов-оберток, как это изменение устраняет шаблонный код и какие ограничения необходимо понимать, чтобы избежать ошибок шаблонов Angular. На примере реального сводного отчета мы рассмотрим правила возврата литералов объектов, использование стрелочных функций для обработки пайпов и распространенные ошибки при использовании метода `update()` в шаблонах. Если вы разрабатываете современные приложения Angular с использованием сигналов, эта функция очень важна. ------------------------------------------------------------------------------ 🔔 Подпишитесь на канал, чтобы получать больше уроков и советов по Angular → [🔗 https://www.youtube.com/c/briantreese...] 👍 Поставьте лайк этому видео, если оно оказалось полезным, это действительно поможет поддержать канал! ------------------------------------------------------------------------------ 🔗 Ссылки на демо-версии: https://github.com/brianmtreese/angul... ------------------------------------------------------------------------------ 📚 Дополнительные ресурсы: Документация MDN по стрелочным функциям: https://developer.mozilla.org/en-US/d... Примечания к выпуску Angular 21.2.0-next.0: https://github.com/angular/angular/re... Мой курс "Angular: стилизация приложений": https://www.pluralsight.com/courses/a... Мой курс "Angular на практике: обнаружение изменений без зоны": https://app.pluralsight.com/library/c... ------------------------------------------------------------------------------ 🎓 Сертификация Angular (новая) Если вы хотите подтвердить свои навыки работы с Angular, теперь доступна официальная сертификация, разработанная и проверенная экспертами Google Developer Experts. Она охватывает современные концепции Angular и является одним из первых структурированных способов продемонстрировать реальные знания Angular. 👉 https://certificates.dev/angular?frie... (Сейчас действует скидка до 50%) ------------------------------------------------------------------------------ 📖 Разделы: 0:00 – Введение 0:28 – Демонстрация сводки заказа, созданная с помощью Angular Signals 0:59 – Старый способ (до появления стрелочных функций в шаблонах) 2:10 – Angular 21.2: Использование стрелочных функций непосредственно в шаблонах 4:02 – Ошибка в шаблонах Angular: случайный возврат функции 4:32 – Ошибка Angular: литералы объектов должны быть заключены в скобки 6:00 – Пайпы Angular и стрелочные функции: что работает, а что ломается 7:56 – Когда использовать стрелочные функции в шаблонах Angular ----------------------------------------------------------------------------- 🧰 Об используемых инструментах В этом видео используется Angular 21.2 (next) с современными Angular Signals, включая signal(), computed() и update(). Мы рассматриваем новые возможности шаблонов, позволяющие использовать стрелочные функции в выражениях шаблонов, а также ограничения, такие как неявные возвраты, требования к скобкам в литералах объектов и правила размещения пайпов. В демонстрации используются автономные компоненты и обнаружение изменений OnPush для полностью современной настройки Angular. ------------------------------------------------------------------------------ #angular #angular21 #angularsignals #angulartemplates #webdevelopment #frontend #typescript