如何在angularjs中拖动特定div on ng repeat

在AngularJS中实现拖动特定div元素的方法如下：

1. 首先，确保你已经引入了AngularJS库，并在HTML文件中声明了ng-app指令。
2. 创建一个AngularJS控制器，并在控制器中定义一个数组，用于存储需要拖动的div元素的数据。

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.divs = [
    { id: 1, name: 'Div 1' },
    { id: 2, name: 'Div 2' },
    { id: 3, name: 'Div 3' }
  ];
});

1. 在HTML文件中，使用ng-repeat指令循环遍历divs数组，并为每个div元素绑定ng-draggable指令。

<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-repeat="div in divs" ng-draggable>{{div.name}}</div>
</div>

1. 创建一个自定义指令ngDraggable，用于实现拖动功能。在指令的link函数中，使用jQuery UI的draggable方法使div元素可拖动。

app.directive('ngDraggable', function() {
  return {
    link: function(scope, element) {
      element.draggable({
        containment: 'parent',
        cursor: 'move',
        revert: true
      });
    }
  };
});

以上代码中，使用了jQuery UI的draggable方法实现了拖动功能。通过设置containment属性为'parent'，使得div元素只能在其父元素内拖动。cursor属性设置鼠标样式为'move'，revert属性设置拖动结束后元素返回原位置。

这样，你就可以在AngularJS中实现拖动特定div元素的功能了。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS）

• 腾讯云云服务器（CVM）：提供可扩展的云服务器，适用于各种规模的应用程序和业务场景。详情请参考：腾讯云云服务器
• 腾讯云对象存储（COS）：提供安全可靠、高扩展性的云端存储服务，适用于存储和处理各种类型的数据。详情请参考：腾讯云对象存储