Angular Drag and Drop container

[Kelly]

How do I create a container for a draggable widget using angular?

[Petyo]

Hi,

do you refer to this feature? Something like this should work, just like all AngularJS configuration options: 

<div id="container"> <div kendo-draggable k-container="containerRef" ...

<script>
...
$scope.containerRef = $("#container");
</script>

Regards,
Petyo
Telerik

 

 

[Kelly]

Yes but is there a way to do it using angular constructs and not jQuery. I have an ng-repeat with multiple draggable items in each so I can't really use the jQuery selector. I need it to be bound by it's scope. Here's an example but creating 2 areas manually as opposed to a ng-repeat.

[Petyo]

Hi Kelly,

the "cleanest" way to do that would be through a directive - something like this. 

Regards,
Petyo
Telerik