Video details

#Angular #Material #CDK — Drag and Drop between Lists [Mid-level, 2021]

08.31.2021
English

In this #Angular #tutorial you will learn how to implement basic Drag and Drop functionality using Angular CDK. You will find out how to make any element on your page draggable and how to drop it into another container. Besides this, we will fix a very common bug when during the dragging of an element, you have wrong repositioning. I hope you will learn something new today. Enjoy and do not forget to share this video.
📣 Become a Pro in Angular Material Theming (Advanced Course) 📣 https://bit.ly/angular-material-theming-workshop ✅ Use 15%-off coupon code: YOUTUBE_DISCOUNT (Only 11 coupons left)
📣 Blazing fast GraphQL Backend just in 1 Day with Hasura Engine 📣 https://bit.ly/complete-hasura-course ✅
20%-off coupon code: HASURA-EASY-START
Time Codes: 00:00:00 - Intro; 00:00:38 - Let get started; 00:15:11 - Add some animation; 00:15:34 - Fix a buggy reordering during an element dragging; 00:18:41 - Outro & Announsments;
Link to the source code: https://github.com/DMezhenskyi/angular-named-router-outlet/tree/drag-and-drop
#angulartutorial #angulardragdrop #webdevelopment