プログラムでngClickをトリガーする方法

次のng-clickような実行時に要素をトリガーしたい：

_ele.click();

または

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

これはどのように行うことができますか？

構文は次のとおりです。

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の代わりにtriggerを使用する必要があります。

伝播停止を適用する必要がある場合は、このメソッドを次のように使用できます。

<a id="myselector" ng-click="clickOnUpload(); $event.stopPropagation();">
  Something
</a>

angular.element(domElement).triggerHandler('click');

編集： あなたは現在の$ apply（）サイクルから抜け出す必要があるようです。これを行う1つの方法は、$ timeout（）を使用することです。

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

フィドルを参照してください：http : //jsfiddle.net/t34z7/

次の解決策は私にとってはうまくいきます：

angular.element(document.querySelector('#myselector')).click();

の代わりに ：

angular.element('#myselector').triggerHandler('click');

万が一それを見た場合に備えて、イベントの伝播を中断しない重要な行を追加して重複する回答を追加しました

$scope.clickOnUpload = function ($event) {    
    $event.stopPropagation(); // <-- this is important

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

プレーンな古いJavaScriptを使用することが私にとってうまくいきました：
document.querySelector('#elementName').click();

最善の解決策は以下を使用することです：

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

あなたは好きにできます

$timeout(function() {
   angular.element('#btn2').triggerHandler('click');
});

簡単なサンプル：

HTML

<div id='player'>
    <div id="my-button" ng-click="someFuntion()">Someone</div>
</div>

JavaScript

$timeout(function() {
    angular.element('#my-button').triggerHandler('click');
}, 0);

これは、ボタンを探しidてクリックアクションを実行することです。出来上がり。

出典：https：//techiedan.com/angularjs-how-to-trigger-click/

このコードは機能しません（クリックするとエラーが発生します）：

$timeout(function() {
   angular.element('#btn2').triggerHandler('click');
});

次のようにquerySelectorを使用する必要があります。

$timeout(function() {
   angular.element(document.querySelector('#btn2')).triggerHandler('click');
});

クリックイベントをトリガーするメソッドに次の行を含めます

angular.element('#btn_you_want_to_click_progmaticallt').triggerHandler('click');
});