javascript - angularjs监听dom事件

Question

AngularJS：如何监听 DOM 事件？提供的这个答案是使用 ng-click 指令。我的情况是我想避免这种方法。

这是我的示例代码

这是我的尝试。

$('#test').on({
           click: function (e) {
                console.log("test...");
           }
      });
$('#login').on({
           click: function (e) {
                console.log("test...");
           }
      });

JS小提琴

我需要实现一个监听器，它会监听给定 dom 元素的任何点击。对此的任何帮助表示赞赏。

Answer 1

如果你真的不想使用 ng-click，你可以使用指令并为你的 DOM 元素添加一个简单的属性

检查这个小提琴：http: //jsfiddle.net/DotDotDot/ZYdEf/5/

我只是创建了一个在元素上绑定点击事件的指令，然后记录点击：

directive('clickable', function(){
    return function(scope, elt, attr){
        elt.bind('click', function(e){
            console.log('hello from',elt) 
        })
})

然后，在您的 HTML 中，这真的很容易：

<a href="#" id="test" clickable>Click</a>
<a href="#" id="login" clickable>Log</a>

玩得开心