拖动的角度拖放 css 类

Angular dragdrop css class on drag

本文关键字：css 拖放 拖动      更新时间：2023-09-26

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

当拖动项目悬停在放置区域时，

我需要更改放置区域边框的颜色。

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

谢谢

使用 onOver 和 onOut 角度可放置选项并切换类 eg. 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");
  };

普伦克尔演示

相关文章：