Angularjs ui router manual navigation

Question

I want to manually change the current state within my controller using the ui router.

I have the following code at the moment:

<button ng-click="go()">Go</button>

    controllers.controller("MyController", function($scope){
        $scope.go = function(){
            //Manually change state
        };
    });

Is there something like

$uiRouter.changeState("mystate"); ?

Thanks in advance!

Why not just use the ui-sref directive eg <a ui-sref="myState">go</a> — craigb
– craigb, Commented Jul 24, 2014 at 2:51
Because I needed to do some actions before changing the state (registering an user for example before changing the state). — Himmet Avsar
– Himmet Avsar, Commented Jul 27, 2014 at 18:37

akonsu · Accepted Answer · 2014-07-09 02:19:36Z

10

you can use $state.go or $state.transitionTo (https://github.com/angular-ui/ui-router/wiki/Quick-Reference#statetransitiontoto-toparams--options)

controllers.controller("MyController", function($scope, $state){
    $scope.go = function(){
        $state.go('new-state');
    };
});

answered Jul 9, 2014 at 2:19

akonsu

29.7k39 gold badges126 silver badges205 bronze badges

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

Collectives™ on Stack Overflow

Angularjs ui router manual navigation

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