如何通过浏览器控制台监听使用 AngularJS 构建的 <a> 元素的 onclick 事件答案

【问题标题】：How to listen an onclick event for <a> element built using AngularJS through Browser Console如何通过浏览器控制台监听使用 AngularJS 构建的 <a> 元素的 onclick 事件
【发布时间】：2014-09-23 20:55:50
【问题描述】：

我有一个 HTML 页面。整个文档是使用 AngularJS 构建的。

HTML 文档和元素

<html ng-app="appName">
...
<a translate="" href="/tst" class="link ng-scope">Test</a>
..
</html>

我想监听当用户点击控制台中的元素时发生的 onClick 事件。我该怎么做。范围应该是多少？以及如何在普通 JS 中为这个元素附加 onclick 事件，如“addEventListener”。

【问题讨论】：

你说“在控制台中”是什么意思
启用调试器选项或使用 FireBug 插件时可以看到的那个
点击元素时你想做什么。如果你只需要听事件，并且不需要角度相关的东西，那么你可以使用developer.mozilla.org/en-US/docs/Web/API/…
那么为什么不使用 jquery $ 或简单的 javascript 呢？
@originof，是的，我可以使用 jQuery 或 JavaScript。但是，我想知道它是如何使用 Angular 完成的。通过使用 $scope、$watch 还是 $broadcast？

标签： javascript jquery html angularjs

【解决方案1】：

您可以在元素中使用 ng-click ：

<a translate="" href="/tst" ng-click="handleClick()" class="link ng-scope">Test</a>

并且可以在您的控制器中使用该功能，例如：

$scope.handleClick = function()
{
   console.log("Element clicked");
}

在这种情况下，范围应该是当前视图控制器范围谢谢

【讨论】：

我不会对页面本身进行任何更改。我只是想在调试器控制台中为元素添加监听器
您可以在 JQuery 中选择这个锚点并订阅点击事件
为此，您可以简单地使用 jQuery。
@codeMad，如果你不想在页面中做任何事情，那么为什么你确信你需要以“角度方式”来做呢？ Angular 就是 JavaScript——只要使用普通的 JavaScript 就可以了！这不是“错误”的做法。