AngularJS로 기본 드래그 가능?

AngularJS로 기본 드래그 가능?

끌 수 있는 정렬 가능한 요소나 화려한 요소는 원하지 않습니다. 일반 jQuery div 드래그 가능한 개체처럼 끌 수 있는 요소만 있으면 됩니다.

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

Angular를 통해 이것을 하는 적절한 방법은 무엇입니까?아직 jQueryUI를 사용하나요, 아니면 Angular에 뭐가 있나요?사용할 수 있는 UI?두 Angular 라이브러리를 모두 살펴보았지만 드래그 가능한 객체를 특별히 다루는 것은 발견하지 못했습니다.

지시문을 사용합니다.

예:

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

드래그, 연결 이벤트 등에서 요소의 현재 위치에 대한 데이터 바인딩을 만들 수도 있습니다.근데 이거 진짜 기본 버전이에요.

언급URL : https://stackoverflow.com/questions/14589516/basic-draggable-with-angularjs