javascript - 在angularjs中的ng-click函数中获取元素的属性

Question

我有一个如下所示的 span 标签，它在单击时调用 Controller 中的一个函数。

HTML

<div class="row" ng-repeat="event in events">
    <div class="col-lg-1 text-center">
        <span class="glyphicon glyphicon-trash" data={{event.id}} ng-click="deleteEvent()">
        </span>
    </div>
</div>

Controller

$scope.deleteEvent=function(){
    console.log(this);
}

我需要在 Controller 函数中获取数据属性中的值。我尝试使用 this 关键字和 $event;一个都没用。

请帮忙。

Answer 1

更简单的是，将$event 对象传递给ng-click 以访问事件属性。例如:

<a ng-click="clickEvent($event)" class="exampleClass" id="exampleID" data="exampleData" href="">Click Me</a>

在您的 clickEvent() = function(obj) {} 函数中，您可以像这样访问 data 值:

var dataValue = obj.target.attributes.data.value;

这将返回 exampleData。

这是一个 full jsFiddle .