Stalling redirect until function returns (Angular/HTML)

Question

I have a button that both fires a function and redirects. Is it possible to stall the redirect until the function returns?

The reason I want to do this is because I have a second function on the destination page that uses variables set by the first function as parameters, right now the redirect happens before the first function has time to set the variables used as parameters in the second function.

My button

<button class="btn btn-sm btn-primary" ng-click="selectCharacter(character)" ui-sref="apply" ng-show="application">
        Select
</button>

html-tag calling second function with ng-init, using parameters set by the first function

<form ng-Submit="getCharacterInfo(apply)" ng-init="getCharInfo(current_user, current_user_realm)">

Why call 2 separate functions? At least you could have the button click do both and then redirect from there. I never use ng-submit — jbrown
– jbrown, Commented Dec 20, 2016 at 20:49
either you use one function, or use promises... or a combination of both. You should show some code — Ladmerc
– Ladmerc, Commented Dec 20, 2016 at 20:52

GPicazo · Accepted Answer · 2016-12-20 20:56:10Z

1

You could try removing the ui-sref attribute from the button, so it doesn't "redirect" automatically. When the selectCharacter function is done executing what it executes now, it can programmatically change states:

First, remove ui-sref:

<button class="btn btn-sm btn-primary" ng-click="selectCharacter(character)" ng-show="application">Select</button>

Then, update controller to programmatically redirect:

$scope.selectCharacter = function(char) {
    // do whatever needs to be done here

    // redirect to the 'apply' state programmatically. Don't forget to inject the $state service
    $state.go('apply');
};

answered Dec 20, 2016 at 20:56

GPicazo

6,7263 gold badges23 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Stalling redirect until function returns (Angular/HTML)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related