📣 Learn how to build custom form controls like select dropdown with multiselection in my new advanced Angular Forms course https://bit.ly/advanced-angular-forms 📣
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 the 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 10%-off coupon code: YOUTUBE_DISCOUNT (Only 2 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's get started;
00:15:11 - Add some animation;
00:15:34 - Fix a buggy reordering during an element dragging;
00:18:41 - Outro & Announcements;
Link to the source code:
https://github.com/DMezhenskyi/angular-named-router-outlet/tree/drag-and-drop
#angulartutorial #angulardragdrop #webdevelopment
