Как вызвать ngClick программно

Question

Как вызвать ngClick программно

Я хочу, чтобы вызвать ng-click элемента во время выполнения, такие как:

_ele.click();

или

_ele.trigger('click', function());

как это можно сделать?

948 8

jQuery javascript angularjs angularjs-ng-click

8 ответов:

Comments

Ничего не найдено.

clopez · Accepted Answer · 2016-12-19 18:57:53

синтаксис следующий:
function clickOnUpload() {
  $timeout(function() {
    angular.element('#myselector').triggerHandler('click');
  });
};

// Using Angular Extend
angular.extend($scope, {
  clickOnUpload: clickOnUpload
});

// OR Using scope directly
$scope.clickOnUpload = clickOnUpload;
дополнительная информация о Angular Extend way здесь.

Если вы используете старые версии angular, вы должны использовать триггер вместо triggerHandler.

Если вам нужно применить остановить распространение вы можете использовать этот метод следующим образом:
<a id="myselector" ng-click="clickOnUpload(); $event.stopPropagation();">
  Something
</a>

Blago · Accepted Answer · 2014-06-16 22:38:45

angular.element(domElement).triggerHandler('click');
EDIT: Похоже, что вам нужно выйти из текущего цикла $apply (). Один из способов сделать это-использовать $timeout ():
$timeout(function() {
    angular.element(domElement).triggerHandler('click');
}, 0);
см скрипка:http://jsfiddle.net/t34z7/

jpmottin · Accepted Answer · 2016-07-25 16:37:57

Это следующее решение работает для меня :
angular.element(document.querySelector('#myselector')).click();
вместо :
angular.element('#myselector').triggerHandler('click');

Ulterior · Accepted Answer · 2014-12-01 10:38:48

на всякий случай, если все это видят, я добавил дополнительный дублирующий ответ с важной строкой, которая не будет нарушать распространение событий
$scope.clickOnUpload = function ($event) {    
    $event.stopPropagation(); // <-- this is important

    $timeout(function() {
        angular.element(domElement).trigger('click');
    }, 0);
};

charlchad · Accepted Answer · 2017-06-21 15:25:23

используя простой старый JavaScript работал для меня:
document.querySelector('#elementName').click();

Fizer Khan · Accepted Answer · 2014-06-15 07:42:18

вы можете сделать как
$timeout(function() {
   angular.element('#btn2').triggerHandler('click');
});

Morten Holmgaard · Accepted Answer · 2017-01-26 15:24:21

лучшее решение-использовать:
domElement.click()
потому что AngularJS triggerHandler (angular.element(domElement).triggerHandler('click')) события щелчка не всплывают в иерархии DOM, но тот, что выше, делает это - так же, как обычный щелчок мыши.

https://docs.angularjs.org/api/ng/function/angular.element

http://api.jquery.com/triggerhandler/

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click

Guillaume-Alexandre · Accepted Answer · 2018-10-04 16:53:37

этот код не будет работать (выдавать ошибку при нажатии):
$timeout(function() {
   angular.element('#btn2').triggerHandler('click');
});
вы должны использовать querySelector следующим образом:
$timeout(function() {
   angular.element(document.querySelector('#btn2')).triggerHandler('click');
});