Básico arrastável com AngularJS?

Não quero elementos classificáveis ​​arrastáveis ​​nem nada extravagante, apenas um elemento arrastável, como um object arrastável div jQuery normal:

$("#draggable").draggable(); 

Qual é a maneira correta de fazer isso através do Angular? Eu ainda uso o jQueryUI, ou há algo no AngularUI que eu possa usar? Eu olhei através de ambas as bibliotecas angulares, mas não encontrei nada especificamente abordando objects arrastáveis.

Use uma diretiva.

Exemplo:

 angular.module("myApp").directive('andyDraggable', function() { return { restrict: 'A', link: function(scope, elm, attrs) { var options = scope.$eval(attrs.andyDraggable); //allow options to be passed in elm.draggable(options); } }; }); 

HTML

 
Drag me!
Drag me with options!

Documentação sobre diretivas: http://docs.angularjs.org/guide/directive

Você também pode criar vinculação de dados para a posição atual do elemento durante os events de arrastar, ligar, etc. Mas essa é uma versão realmente básica.