javascript - AngularJSで基本的にドラッグ可能?

Question

通常のjQuery divのドラッグ可能なオブジェクトのように、ドラッグ可能なソート可能な要素や派手なものは必要ありません。

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

Angular でこれを行う適切な方法は何ですか? まだ jQueryUI を使用していますか、それとも AngularUI で使用できるものはありますか? 両方の Angular ライブラリを調べましたが、特にドラッグ可能なオブジェクトに対処するものは見つかりませんでした。

Answer 1

ディレクティブを使用します。

例：

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

<div andy-draggable>Drag me!</div>
<div andy-draggable="{key: value}">Drag me with options!</div>

ディレクティブに関するドキュメント: http://docs.angularjs.org/guide/directive

ドラッグ中の要素の現在の位置のデータバインディングを作成したり、イベントをフックしたりすることもできます。しかし、これは本当に基本的なバージョンです。