0

Newbie in angular material, trying to solve a client requirement. I found an example which is similar to my requirement with this link.

Refer the stackblitz example

**Here in the example the drag and drop is working fine outer-list-to-inner list and inner-outer list cases. But the sorting within the inner list is not working.

For example I want to drag the item 'Walk Dog' before the 'Brush teeth' item directly. it need to drag the outside list then only I can drag it to there. Can it possible to make it working? If yes how.**

Thanks in advance

Nikhil E V
  • 1
  • 1
  • Not sure what you want to achieve? Do you need nested lists, but they should be sortable? The reason why this example works as is is because the template for the draggable item is changed depending on the item, as you can see from the ngIf on the inner div. If you only need drag/drop between lists and sorting Angular Material has working examples of that: https://material.angular.io/cdk/drag-drop/overview – Lars Rødal Jun 02 '21 at 21:39
  • @LarsRødal Hi buddy. Thanks for reply. Like you said, I want all the feature currently this example having now. In addition I want to sort the Inner item. Can I achieve this, If yes/no why? – Nikhil E V Jun 03 '21 at 11:42

0 Answers0