Angular+JQ+Bootstrap
HTML
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.angularjs.org/1.1.0/angular.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<div ng-controller="MyCtrl">
{{hello}}
<input ng-model="hello">
<div drag-me>Hello</div>
</div>
JavaScript
var app = angular.module('myApp', []);
app.controller('MyCtrl', function($scope) {
$scope.hello = "Hello!";
});
app.directive('dragMe', function() {
return {
restrict: 'A',
link: function(scope, elem, attr, ctrl) {
elem.draggable();
}
};
});