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

一尘不染

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

angularjs

我有一个如下所示的span标签，单击该标签会在控制器中调用一个函数。

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>

控制者

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

我需要在控制器功能的data属性中获取值。我尝试使用此关键字和$ event; 没人工作。

请帮忙。

阅读 302

2020-07-04

共1个答案

一尘不染

尝试将其直接传递给ng-click函数：

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

然后它应该在您的处理程序中可用：

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

这是一个例子

2020-07-04