Angular js $state.go with parameter not working

Question

I have tried to implement angular js $state.go() with parameter. But the $state.go() works fine without parameter. But with parameter it didn't works. I already tried many examples but no way. I need to display the parameter in html view. my state provider is,

  $stateProvider
    .state('home', {
        url: '/',
        views: {
          'content@': {
            templateUrl: 'content.html',
            controller: 'dashCtrl'
          }
        },
    params: {
        obj: {
          value:''
        }
    }
      });

and controller is,

     dashboard.controller('dashCtrl', function ($scope, $http, $state, $stateParams){
               $state.go('dash_home', {obj: {value:'admin'}});
});

and my div is

<div>
    <h1>welcome : {{value}} || {{obj.value}}</div>

what is the problem.?

You're showing the home state and trying to go to dash_home which is a completely different state, not even a child state of home — Alon Eitan
– Alon Eitan, Commented Jun 1, 2016 at 11:06
home is my current state and dash_home is the state which i want to redirect — LearnCode Master
– LearnCode Master, Commented Jun 1, 2016 at 11:19

Ilya Chernomordik · Accepted Answer · 2016-06-01 11:06:22Z

2

You cannot use parameters directly in the HTML. You first have to add it to the scope (or virtual model if you use that), e.g.

$scope.obj = $state.current.params.obj

And you have to do it in the controller of the state that you are going to of course, not in those where you call $state.go

answered Jun 1, 2016 at 11:06

Ilya Chernomordik

30.9k31 gold badges148 silver badges245 bronze badges

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

3 Comments

LearnCode Master Over a year ago

would you please give me an example.?

Ilya Chernomordik Over a year ago

I am not quite sure what do you mean. You redirect to the 'dash_home' state. So if this state has a controller, then you just have to use the example from my answer there to map the state parameters to the scope. The problem is that it angular can't render the data since it does not know about it. You have to tell it by adding it to scope.

Ilya Chernomordik Over a year ago

I don't see that you call your function at all and moreover your state.go uses the state that does not exist. Perhaps you meant just 'home' there? Otherwise you'll have to add the proper state.

LearnCode Master · Accepted Answer · 2016-06-02 12:26:39Z

2

I found my mistakes. The correct code is,

  $stateProvider
    .state('home', {
        url: '/',
        views: {
          'content@': {
            templateUrl: 'content.html',
            controller: 'dashCtrl'
          }
        },
    params: {
          value:''
    }
      });

controller is,

dashboard.controller('mycontroller',function($scope, $http, $state, $stateParams){

    $scope.user=$state.params.registerData;

    $scope.redirect=function()
    {
      $state.params.registerData='mycontent';

      $state.go('dash_home', {registerData:$state.params.registerData});
    }

});

thanks all.

answered Jun 2, 2016 at 12:26

LearnCode Master

5522 gold badges8 silver badges25 bronze badges

Comments

Roman Koliada · Accepted Answer · 2016-06-01 11:07:38Z

1

I guess you can't use objects in params. Just replace

params: {
    obj: {
      value:''
    }
}

to this:

params: {
      value:''
}

and also: $state.go('dash_home', {obj: {value:'admin'}}); to $state.go('home', {value:'admin'});

answered Jun 1, 2016 at 11:07

Roman Koliada

5,1723 gold badges36 silver badges65 bronze badges

2 Comments

Roman Koliada Over a year ago

Could you provide a fiddle?

Roman Koliada Over a year ago

Are you kidding? You've provided a fiddle with syntax errors and without any added scripts. Plus you're using $state.go('dash_home') but as I and @Alon Eitan wrote: $state.go('home')

Collectives™ on Stack Overflow

Angular js $state.go with parameter not working

3 Answers 3

3 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related