ng-repeat中按钮的document.queryselector

时间:2014-03-31 16:49:10

标签: javascript html angularjs button

如何在ng-repeat标签内的按钮上获取从ng-click功能内部点击的按钮?

我尝试设置这样的ID:

<button class="btn btn-info ladda-button" type="button" 
    id={{'check_' + 'file.catModel}}
    ng-click="testButton('check_' + file.catModel)"
    data-style="expand-left">
    <i class="glyphicon glyphicon-check"></i><span class="ladda-label"> Check</span>
</button>

我已经尝试将id传递给函数,然后使用:

进行搜索
angular.element
document.getElementById

但它们始终为空。

是否可以访问该按钮?

1 个答案:

答案 0 :(得分:1)

您可以将$event属性传递给您的点击处理程序。

因此,您的代码将被重写为(为了清晰起见省略其他属性):

<button ng-click="testButton('check_' + file.catModel, $event)">Check</button>

在你的点击处理程序中:

$scope.testButton = function (title, event) {
    //event parameter contains all details
    //of the button that invoked this handler
};