python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 7, Interview Questions Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
Angular 7

What Is Drag & Drop feature in Angular 7?

Now in Angular 7, CDK us to supports Drag &Drop, which includes these nifty features -Automatic rendering as a user moves items.

To work with Drag & Drop with Handle and Sorting, we need to install the Angular CDK package to import the DragDropModule module.

Install the module using NPM - npm install @angular/[email protected]

Helper methods for reordering or transferring items in lists and looks like.
1.      moveItemInArray
2.      transferArrayItem

For Drag and Drop options i.e.
1.      Basic Drag and Drop
2.      Drag and Drop with custom Drag Handle
3.      Drag and Drop with Sorting
4.      Transfer items between the lists
5.      Drag and Drop with different Orientation

6.      Locking with axis

For more detail with example, go to this link...


Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - and
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like Powered by Blogger.
ASK Questions