如何收听<a>通过浏览器控制台使用AngularJS构建的元素

How to listen an onclick event for <a> element built using AngularJS through Browser Console

本文关键字:AngularJS 构建 控制台 元素 lt 何收听 gt 浏览器      更新时间:2023-09-26

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

HTML文档和元素

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

我想监听用户在控制台中单击元素时发生的onClick事件。我该怎么做呢。范围应该是什么?以及我如何为这个元素附加onclick事件,比如在普通JS中的"addEventListener"。

您可以在元素中使用ng-click,如:

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

并且可以使用控制器中的功能,如:

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

在这种情况下,作用域应该是当前视图控制器作用域感谢