拖动的角度dragdrop css类

Question

我在我的应用中使用Angular dragdrop。

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

我可以为此目的使用css类吗？ 如果没有，我该怎么做？

非常感谢

Answer 1

使用onOver和onOut Angular Droppable选项并切换类，例如。 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