使用角度拖放'onOver'突出显示元素

Question

我目前正在为角度js使用codef0rmer/angular-dragdrop插件，它有一个'onOver'事件处理程序，就像在jQuery UI中一样

目前我有一个可放置的元素

<div jqyoui-droppable="{multiple:true, onOver:'highlightRow'}">

当我拖动一个可拖动的元素时，它会毫无问题地调用函数'highlightRow'，这是该函数

$scope.highlightRow = function(){
console.log('in highlight row!');               
        };

然而，我面临的问题是我想通过onOver事件处理程序向这个div添加一个类，但是我看不到一个简单的方法，只需将元素传递给函数'highlightRow'，这样我就可以做一些事情了像这样：

element.addClass('highlight');

有没有办法可以使用'onOver'事件处理程序突出显示这一行，我真的不想编写自己的指令并绑定我需要的功能，我原以为'onOver'可以做这有什么用呢？

Answer 1

我只是将覆盖状态存储在范围内，然后使用ng-class：

$scope.dropOver = false;

$scope.highlightRow = function(){
  $scope.dropOver = true;             
};

根据范围值分配所需的类：

<div ng-class="{highlight: dropOver}" jqyoui-droppable="{multiple:true, onOver:'highlightRow'}">