Angular 拖放 css class 拖动

Angular dragdrop css class on drag

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

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

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

非常感谢

使用 onOveronOut 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