Как использовать Angular CDK Breakpoint Observer

Описание: В большинстве случаев при создании адаптивных приложений на Angular нам достаточно использовать CSS и медиазапросы. Однако время от времени нам требуется изменить интерактивность или логику, основанную на этих же медиазапросах. Это означает, что нам нужно каким-то образом получить к ним доступ из JavaScript. И иногда это может быть довольно запутанно. К счастью, мы можем использовать утилиту Breakpoint Observer из Angular CDK.

В этом видео мы узнаем, что нужно для установки и использования Breakpoint Observer. Мы рассмотрим несколько функций этой утилиты и приведем несколько примеров для программного отслеживания и реагирования на изменения медиазапросов при необходимости. Давайте посмотрим!

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

🔗 Ссылка на демо:
https://stackblitz.com/edit/stackblit...

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

📖 Главы:
0:00 - Введение
0:53 - Что такое Angular CDK Breakpoint Observer
2:22 - Установка Angular CDK
2:40 - Основы использования Angular CDK Breakpoint Observer с использованием метода observa
5:07 - Совместное использование точек останова между стилями и JavaScript
7:33 - Использование предопределённых точек останова
8:03 - Использование метода isMatched
8:42 - Заключение

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

#angular #cdk #responsive