Я пытаюсь вызвать событие на<A> элемент сmousedown событие обработаноaddEventListener позвони, но я не знаю, почему это не работает.
Я пытался использоватьangular.element(el).triggerHandler('click'); но он только запускает обработчик события, указанный черезng-click.

В приведенном ниже коде, когда я нажимаю на ссылку «триггер», на консоль выводится только «первая». Как мне сделать так, чтобы он печатал «ноль»?

JSBin ссылка

HTML:

<a id='zero' href="#">zero</a><br/>
<a id="first" href="" ng-click="firstLinkClick()">first</a>
</br>
<a id="trigger" href="" ng-click="triggerLinkClick()">trigger</a>

Javascript:

document.getElementById('zero').addEventListener('click', function() {
  console.log('zero');
}, false);

app.controller('myCtrl', function myCtrl($timeout, $scope) {
  $scope.firstLinkClick = function() {
    console.log('first');
  };

  $scope.triggerLinkClick = function() {
    $timeout(function() {
      var el = document.getElementById('zero');
      angular.element(el).triggerHandler('click');
    }, 100);

    $timeout(function() {
      var el = document.getElementById('first');
      angular.element(el).triggerHandler('click');
    }, 100);
  };
});