Einen Klick auf das erste Element des ersten Elements in ng-repeat im Controller auslösen

Question

Hii Ich muss einen Klick in den ersten Elementen auslösen #first> #second> #third> .element-for-trigger-click, siehe hier

<div id="first" ng-repeat="competition in prematchGameViewData track by competition.id"> 
    <div id="header">...</div> 
    <div id="details">...</div> 


    <div id="second" ng-repeat="(groupDate, groupGames) in competition.gamesGroupedByDate">  
     <div id="third" ng-repeat="prematchGame in groupGames track by prematchGame.id"> 
      <div class="element-for-trigger-click"></div> 
      ... 
     </div> 
    </div> 
</div> 

Frage: Wie ich Ereignis von links Controller bekommen können, finden .Element-for-Trigger-Klick und ein Klick auf der rechten Controller mit nativer js auslösen.

Answer 1

Aro,

so in thread Nachfolgend finden Sie Informationen können wie 'Simulieren' zu Fall über native JS auf bestimmten Element (hart von id) klicken

How to simulate a click with JavaScript?

aber ich wirklich würde diese Art des Ansatzes nicht empfehlen, besonders wenn Sie angularJS verwenden, da es Möglichkeiten gibt, die Kommunikation zwischen Controller und Controller mit der angular lib selbst durchzuführen:

• Winkel Ereignis-Bus ($ emittieren, $ Broadcast- und $ auf)
• einen Dienst
• staatliche Container wie Redux mit Mustern (https://github.com/reactjs/redux)
• und wahrscheinlich einige mehr.

Answer 2

Sie können einen Klick -Ereignis mit:

var evt = document.createEvent("MouseEvents"); 
evt.initMouseEvent("click", true, true, window, 1, 0, 0, 0, 0, 
    false, false, false, false, 0, null); 

var target = document.getElementById('third').firstChild; 
target.dispatchEvent(evt); 

Btw, würden Sie nicht .firstChild verwenden, wenn Sie einfach, dass das Element eine ID wie alle anderen Elemente gab.