ng-repeat 中按钮的 document.queryselector

Question

如何在 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

但它们始终为空。

是否可以访问按钮？

Answer 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
};