javascript - 将其作为参数传递给 angularjs 函数

Question

我有这个:

<div class="col-md-2 col-md-offset-1 team" ng-mouseover="showDetails()" >
           ....
           ....
           ....
</div>

我想将鼠标所在的整个部分传递给 angularjs 函数，这样我就可以找到每个子项。

 $scope.showDetails = function(item){
        console.log(item);
        var element = $(item).find('#child1');
     }

我尝试了 showDetails(this) 和 showDetails($this) 和 showDetails({{this}}) 但它们似乎没有工作。第一个在控制台上打印一些内容，但可能有问题，因为它找不到 child1。我做错了什么？

a {$id: "004", this: a, $$listeners: Object, $$listenerCount: Object, $parent: a…}

Answer 1

您可以通过$event.target访问它。

<div class="col-md-2 col-md-offset-1 team" ng-mouseover="showDetails($event)" >
    ....
</div>

$scope.showDetails = function(evt){
    console.log(evt.target);
    var element = $(evt.target).find('#child1');
}

这可能意味着您想要操作 Controller 中的元素，这是一个禁忌。您应该使用所需的功能创建自定义指令。