javascript - 拖动时的 Angular dragdrop css 类

Question

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

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

我可以使用一个 css 类来实现这个目的吗？如果没有，我该怎么做？

非常感谢

Answer 1

使用 onOver 和 onOut Angular Droppable 选项并切换类，例如。 悬停

// 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