Angular CDK Tutorial: Copy to Clipboard

When we build things with Angular, we often find ourselves needing to do stuff that we see on the web or in other applications every day. Like copying text to the clipboard for example. Something like that could take a little work to pull off if we were creating it from scratch. But one of the benefits of working with a framework like angular is that many of these common application concepts have already been figured out for us and made available by either the framework itself or, in this case the Component Dev Kit or CDK. So, in this video we’ll see just how easy this task is thanks to the CDK. Alright, let’s get to it.
------------------------------------------------------------------------------
💖 Help Support the Channel:
If you found this helpful and want to show some love, you can always buy me a coffee (buymeacoffee.com/briantreese)!
------------------------------------------------------------------------------
🔗 Demo Links:
- Before (stackblitz.com/edit/stackblit...)
- After (stackblitz.com/edit/stackblit...)
------------------------------------------------------------------------------
📖 Chapters:
0:00 - Introduction
0:45 - The Demo Application
1:43 - Installing the Angular CDK
2:11 - The Existing Code
3:35 - Adding “Copy to Clipboard” Functionality with the Angular CDK Clipboard Module
4:52 - Adding Logic After the Value Has Been Copied to the Clipboard with the “Copied” Event
6:25 - Conclusion
------------------------------------------------------------------------------
#angular #angular_developer #angulartraining #javascript #typescript #frontend #angularcourse #cdk

[@franciscojosereyes9310]

Great content Brian 🚀😃, would be nice some new content about Angular Material and CDK modules, and someone about extending or applying custom styling to Angular Material components.

[@briantreese]

Great suggestion!