scope.itemScope.element.prop is not a function

[loverdrive]

trafficstars

Hi, i'm implementing ng-sortable. This is my html:

<div as-sortable="dragOptions" ng-model="startDrag">
    <div id="{{startDrag[$index].id}}" class="draggable" ng-repeat="element in startDrag" data-as-sortable-item>
        <p data-as-sortable-item-handle>
            {{startDrag[$index].name}}
        </p>
    </div>
</div>

When i move the first element, it is sorted correctly. But when i move the second element (included the same previous element), it give me the error:

Uncaught TypeError: scope.itemScope.element.prop is not a function    [ng-sortable.js:718]

Have you any idea what could be the problem? Thank you!

[Zemke]

Hey fellow in misery, I’d just fumbled around with this as well and it turned out you mustn’t use element as the reference to an entry in your array. So, maybe use something like ng-repeat="elem in startDrag" instead.

[saurabhj]

Thanks, @Zemke! We have this plugin implemented at multiple places in our project and it all works fine -- but this one new place I was trying to add it and it was behaving weirdly and throwing this issue.

Your comment saved me from going crazy 😊 Turned out, I was referring to our element as element 🤷