Angular 拖放 css class 拖动

Question

我正在我的应用程序中使用 Angular dragdrop。

拖动项目悬停时，我需要更改拖放区域边框的颜色。

有一个 css class 可以用于此目的？如果没有，我该怎么做？

非常感谢

Answer 1

使用 onOver 和 onOut Angular 可投放选项并切换 class 例如。 hover

// HTML

<div class="thumbnail" data-drop="true" ng-model="list2" 
    jqyoui-droppable="{onOver: 'onOver', onOut: 'onOut',  onDrop: 'onDrop'}" ng-bind="list2.title ? 'Dropped successfully..!' : 'Drop here...'"></div>

// JS

  $scope.onOver = function(e) {
   angular.element(e.target).addClass("hover");
  };
  $scope.onOut = function(e) {
    angular.element(e.target).removeClass("hover");
  };
  $scope.onDrop = function(e) {
    angular.element(e.target).removeClass("hover").addClass("done");
  };

Plunkr demo

Angular 拖放 css class 拖动

Angular dragdrop css class on drag

javascript

angularjs

drag-and-drop

angular-ui