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

Описание: В Angular 21.2 незаметно убрали давнее ограничение.

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

В этом видео мы рассмотрим новую поддержку стрелочных функций непосредственно в шаблонах в Angular 21.2 и что это значит для современной разработки Angular с использованием Signals. Вы увидите, как использовать signal.update() непосредственно в шаблоне без методов-оберток, как это изменение устраняет шаблонный код и какие ограничения необходимо понимать, чтобы избежать ошибок в шаблонах Angular. На примере реального сводного отчета мы рассмотрим правила возврата литералов объектов, пайпы со стрелочными функциями и распространенные ошибки при использовании update() в шаблонах. Если вы разрабатываете современные приложения Angular с использованием Signals, эта функция важна.


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

🔔 Подпишитесь на канал, чтобы получать больше уроков и советов по 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...
Получите БЕСПЛАТНУЮ ПРОБНУЮ ВЕРСИЮ Pluralsight ЗДЕСЬ!: https://www.jdoqocy.com/click-1015573...

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

📖 Разделы:
0:00 – Введение
0:28 – Демонстрация сводки заказов, созданная с помощью сигналов Angular
0:59 – Старый способ (до появления стрелочных функций в шаблонах)
2:10 – Angular 21.2: Использование стрелочных функций непосредственно в шаблонах
4:02 – Ошибка в шаблонах Angular: случайный возврат функции
4:32 – Ошибка Angular: литералы объектов должны быть заключены в скобки
6:00 – Пайпы Angular и стрелочные функции: что работает и что ломается
7:56 – Когда использовать стрелочные функции в шаблонах Angular

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

🧰 Об используемых инструментах
В этом видео используется Angular 21.2 (next) с современными сигналами Angular, включая signal(), computed() и update(). Мы рассматриваем новые возможности шаблонов, позволяющие использовать стрелочные функции в выражениях шаблонов, а также ограничения, такие как неявные возвраты, требования к скобкам в литералах объектов и правила размещения пайпов. В демонстрации используются автономные компоненты и обнаружение изменений OnPush для полностью современной настройки Angular.

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

#angular #angular21 #angularsignals #angulartemplates #webdevelopment #frontend #typescript