Скачать или смотреть How to utilize the Angular CDK Breakpoint Observer

Most of the time, when creating responsive applications in Angular, we just need to use CSS and media queries. Every once in a while though, we need to alter some interactivity or logic based on these same media queries. Meaning, we need to access them in some way from JavaScript. And this can get a little messy sometimes. Luckily for us, we can use the Breakpoint Observer utility provided by the Angular CDK.

In this video we learn what we need to install and use the Breakpoint Observer. We explore several features of the utility and set up a few examples to monitor and react to media query changes programmatically when needed. Let’s check it out!

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

🔗 Demo Link:
https://stackblitz.com/edit/stackblit...

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

📖 Chapters:
0:00 - Introduction
0:53 - What is the Angular CDK Breakpoint Observer
2:22 - Installing the Angular CDK
2:40 - Angular CDK Breakpoint Observer Basic Usage using the observe Method
5:07 - Sharing Breakpoints Between Styles and JavaScript
7:33 - Using the Predefined Breakpoints
8:03 - Using the isMatched Method
8:42 - Conclusion

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

#angular #cdk #responsive