Drag and Drop in Angular with Angular Material
Hello, in this video I will be talking about the Drag and Drop module from Angular Material.
The module allows us to easily apply drag and drop capabilities to any elements on the page.
We can move an element around the page, reorder items in a list, and even move items from one list to another.
0:00 - Start of Video
0:05 - Drag and Drop CDK
0:33 - Installing Angular Material & Adding the DragDropModule
1:34 - Drag and Drop
2:51 - Drag and Drop with Bounding Box
4:20 - Adding "Handles"
5:42 - Locking Axis
6:25 - Drag and Drop with Lists and Arrays
10:28 - Styling & Animation
12:50 - Horizontal Drop Lists
13:29 - Custom Previews with Image
14:09 - Linking Multiple Drop Lists using cdkDropListGroup
18:18 - Linking Multiple Drop Lists using cdkDropListConnectedTo
If you find this video helpful, please Like, Share, and Subscribe to support the channel!
Support Codeible on Patreon!
/ codeible
Reddit:
/ codeible
Follow on Pinterest:
/ codeible
Follow on Instagram:
/ codeibleig
Follow on Twitter:
https://twitter.com/intent/follow?ori...