Nested ng-repeat drag and drop, AngularJS

Question

Is there a native dragdrop solution for AngularJS, that can handle drag an dropping between nested ng-repeats?

What the current html looks like:

<section ng-repeat="list in lists">
   {{ list.name }}
   <article ng-repeat="user in list.users">
     {{ user.name }}
   </article>
</section>

What I'm trying to achieve is that I can move users to other lists.

I don't wanna have to add jQuery UI as a dependency for just dragdropping.

marcelj · Accepted Answer · 2014-04-10 23:46:29Z

2

I had the same problem and wanted to use native HTML5, too. Since I couldn't find anything I eventually had to build my own library, check out the results:

http://marceljuenemann.github.io/angular-drag-and-drop-lists/demo/#/nested

answered Apr 10, 2014 at 23:46

marcelj

5975 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jorge Guerola · Accepted Answer · 2014-02-14 08:51:14Z

1

There is no native drag and drop in Angular, but look this awesome directive

http://codef0rmer.github.io/angular-dragdrop/#/

Check the examples, i hope thouse will helps you

edited Feb 14, 2014 at 8:51

answered Feb 14, 2014 at 8:41

Jorge Guerola

2,0821 gold badge17 silver badges18 bronze badges

Comments

ne4istb · Accepted Answer · 2014-11-03 21:37:46Z

0

Angular-NestedSortable is really usefull for this case.

answered Nov 3, 2014 at 21:37

ne4istb

6726 silver badges17 bronze badges

Collectives™ on Stack Overflow

Nested ng-repeat drag and drop, AngularJS

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related