Angularjs：如何使用 ng Mousedown ng Mouseup

是否可以使用 ngMousedown 将类添加到 div 并使用 ngMouseup 再次删除类？ 目前我使用ng-mousedown="activateClass()"，在 activateClass() 中更改$scope.className="数据活动"并使用 ng-mouseup 再次使用其他功能更改它。并使用 ng-class 添加类“data-active” 我不想使用 $scope.className 并使用控制器中的函数更改它，因为该函数用于多个 div，并且我不想将该类添加到我拥有的所有 div 中。

谢谢。

通常控制器不应该关心你的 DOM。您在那里尝试做的事情似乎更适合指令。我将执行一个指令：

app.directive("highlight", function() {
  return function(scope, element, attrs) {
    element.on('mouseup', function(event) {
      element.removeClass(attrs.highlight)
    })
    element.on('mousedown', function(event) {
      element.addClass(attrs.highlight)
    })
  }
})

并在这样的 div 上使用它

 <div highlight="active">
      my content is here
 </div>

然而active是我的 css 类的名称。