使用 ng-click 传递对 DOM 对象的引用

我有多个元素在 ng-click 上具有相同的回调：

<button ng-click="doSomething()"></button>
<button ng-click="doSomething()"></button>
<button ng-click="doSomething()"></button>
<button ng-click="doSomething()"></button>

// In controller:
$scope.doSomething = function() {
  // How do I get a reference to the button that triggered the function?
};

如何获取调用 doSomething 的对象的引用？ （我需要从中删除 attr）

从技术上讲，当您执行以下操作时：

<button ng-click="doSomething($event)"></button>

// In controller:
$scope.doSomething = function($event) {
  //reference to the button that triggered the function:
  $event.target
};

这可能是你的事情don'tAngularJS 的理念是专注于模型操作并让 AngularJS 进行渲染（基于声明式 UI 的提示）。在 AngularJS 世界中，从控制器操作 DOM 元素和属性是一大禁忌。

您可以查看此答案以获取更多信息：https://stackoverflow.com/a/12431211/1418796 https://stackoverflow.com/a/12431211/1418796