Con angularjs, come posso attivare un clic o esiste un modo migliore?

Question

Sto creando una procedura guidata modulo con AngularJS.

Pensate di ogni fieldset in questo modo:

<div ng-controller="MyController as fs"> 
    <fieldset> 
     ... 
     <button ng-click="fs.StepForward($event)">Next</button> 
    </fieldset> 

    <fieldset> 
     ... 
     <button ng-click="fs.StepBackward($event)">Previous</button> 
     <button ng-click="fs.StepForward($event)">Next</button> 
    </fieldset> 
</div> 

Quello che ho fatto è, a mio controller trovato il fieldset corrente e la prossima fieldset in questo modo: Quindi, prima

app.controller("MyController", function() { 
    var ft = this; 
    ft.StepForward = function(event) { 
    // It's here that I need to find the fieldset 
    ft.current_fs = event.currentTarget.parentNode; 
    ft.next_fs = event.currentTarget.parentNode.nextElementSibling; 
    } 
}); 

, Non sono sicuro se questo è il modo migliore in assoluto per farlo, ma funziona.

Giù alla mia domanda principale ... All'interno di uno dei campi ho alcuni elementi li, e se alcuni elementi sono cliccati, voglio attivare un clic sul pulsante AVANTI automaticamente.

Ho provato ad aggiungere un ng clic:

<fieldset> 
    <ul> 
    <li><a ng-click="fs.TriggerClick($event)">Some Itme</a></li> 
    </ul> 
    <button id="MyButtonTest" ng-click="fs.StepForward($event)">Next</button> 
</fieldset> 

app.controller("MyController", function() { 
    var ft = this; 
    ft.StepForward = function(event) { 
    // It's here that I need to find the fieldset 
    ft.current_fs = event.currentTarget.parentNode; 
    ft.next_fs = event.currentTarget.parentNode.nextElementSibling; 
    } 

    ft.TriggerClick = function(event) { 
    angular.element('#MyButtonTest').trigger('click'); 
    } 
}); 

Ma quando ho creato una funzione per attivare un clic sul pulsante, ho ottenuto l'errore:

Error: $rootScope:inprog Action Already In Progress 

Così ho' Voglio raggiungere jQuery, ma sono sicuro che c'è un modo angolare per farlo.

Answer 1

È necessario uscire dal ciclo $ apply() corrente. Un modo per farlo è usare $ timeout() (See why)

Prova questo:

<fieldset> 
    <ul> 
    <li><a ng-click="triggerClick()">Some Item</a></li> 
    </ul> 
    <button id="MyButtonTest" ng-click="fs.StepForward($event)">Next</button> 
</fieldset> 

controller

$scope.triggerClick = function(){ 
    $timeout(function() { 
     angular.element('#MyButtonTest').triggerHandler('click'); 
    }, 0); 
}