TypeError: Cannot read property '0' of undefined -- ng-Sortable ( AngularJs )

Question

I am using ng-sortable for the feature of reorder the list elements. The list over which i am intending to apply ng-sortable is :

List B : [object Object],[object Object],[object Object]

Example

Following is my code:

HTML --

 <div data-as-sortable-item-handle>
     <!-- <div class="list-group-item"> -->
        {{$index + 1}}{{user.Name}} <input ng-click="ctrl.selectB(user.id)" name="ctrl.selectedB[]" value="{{user.id}}" ng-checked="ctrl.selectedB.indexOf(user.id) > -1"
                                type="checkbox" class="pull-right">
<!-- </div> -->
</div>

</li>
</ul>

Controller --

$scope.dragControlListeners = {
                        accept: function (sourceItemHandleScope, destSortableScope) 
                        {return sourceItemHandleScope.itemScope.sortableScope.$id === destSortableScope.$id;},
                        itemMoved: function (event) {
                            //Do what you want },
                        },
                        orderChanged: function(event) {
                            //Do what you want},
                        }
                                        };

But i am getting the error:

TypeError: Cannot read property '0' of undefined

TypeError: Cannot read property '1' of undefined

and when i try to drag the elements , all the elements are considered as one single unit and dragged , in deed i want each li element to act indivually and be draggable.

Getting Error -

Uncaught TypeError: Cannot read property 'splice' of undefined

Svenn Richard Mathisen · Accepted Answer · 2015-09-14 21:39:22Z

6

Do you have more code to show us? Had the same error message today and fixed it by setting ng-model to the same list as ng-repeat.

<div as-sortable="dragControlListeners" ng-model="foo">
   <div ng-repeat="bar in foo">
     <div as-sortable-item class="as-sortable-item">
        Lorum ipsum
        <div as-sortable-item-handle class="as-sortable-item-handle">Drag</div>
     </div>
   </div>
</div>

answered Sep 14, 2015 at 21:39

Svenn Richard Mathisen

762 bronze badges

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

1 Comment

Learner Over a year ago

But one more alternate and better library i found to perform this drag and drop operation is angular-dndlists ( github.com/marceljuenemann/angular-drag-and-drop-lists ). Try this out !

Collectives™ on Stack Overflow

TypeError: Cannot read property '0' of undefined -- ng-Sortable ( AngularJs )

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related