How to do $state.go() with params?

Question

I have perfectly initialized $stateProvider and I'm using all this states with ui-sref. Works great. User presses the button and thorugh the $stateProvider goes to the edit page.

On this page I have a form which does $http request:

 this.pushData = function (data) {
        $http.post('/data/' + $stateParams.dataId + '/otherdata', JSON.stringify({
            id: otherdata.id, 
            name: otherdata.name
        }), configAuth).then(
            function success(response) {
                var addedData = response.data;
                $.notify({message: addedData.name + " has been added"},{type:'success'});

                $state.go('roleInfo({roleId: $stateParams.roleId})');
            },
            function error(data) {
                console.log(data);
                $.notify({message: data.data.message},{type:'danger'});
            }
        );

    }

And I want to do redirect to other view if everything is fine. But this:

$state.go('roleInfo({roleId: $stateParams.roleId})');

doesn't work. How can I do $state.go with params?

score 5 · Accepted Answer · answered Jun 17 '16 at 11:05

5

The way you are trying that would work with ui-sref directive, while calling it using $state.go method, you should pass 1st parameter is stateName & then pass params in Object format.

$state.go('roleInfo', {roleId: $stateParams.roleId});

answered Jun 17 '16 at 11:05

Pankaj Parkar

134,766
23
234
299

score 3 · Answer 2 · answered Jun 17 '16 at 11:04

3

Try this:

$state.go('myStateName', {roleId: $stateParams.roleId});

You can read the docs here

answered Jun 17 '16 at 11:04

Fernando Fabreti

4,277
3
32
33

Himesh Suthar · Answer 3 · 2016-06-17T11:28:11.070

i have changed $state.go('roleInfo({roleId: $stateParams.roleId})'); to

 $state.go('roleInfo',{roleId :$stateParams.roleId});

this will work

this.pushData = function (data) {
            $http.post('/data/' + $stateParams.dataId + '/otherdata', JSON.stringify({
                id: otherdata.id, 
                name: otherdata.name
            }), configAuth).then(
                function success(response) {
                    var addedData = response.data;
                    $.notify({message: addedData.name + " has been added"},{type:'success'});

                   $state.go('roleInfo',{roleId :$stateParams.roleId});                    },
                function error(data) {
                    console.log(data);
                    $.notify({message: data.data.message},{type:'danger'});
                }
            );

        }

How to do $state.go() with params?

3 Answers3