在Angular指令链接中向div添加onclick函数

Question

I have an angular directive with a link scope.

In that scope, I append a div. I would like to add an event listener to this div.

When I do so, the event listener is overridden by the ng-click native attributes of the directive.

What is the best way forward? Trying to use element to identify the element does not work as element compiles asynchronously.

Answer 1

Why not just use ng-click?

link: function(scope, element, attrs) {
    scope.onHandleClick = function() {
        console.log('onHandleClick');
    };
}

---

<div ng-click="onHandleClick($event)"/>