ionic framework, how to pass more than one param object in state?

Question

I Would like to pass two object in state.go method like this:

$state.go('app.home', {
            playSavedPlaylist:true,
            playlistData: dataToPass
        });

State app.home is following:

.state('app.home', {
      url: '/home:playSavedPlaylist:playlistData',
      views: {
        'menuContent' :{
          templateUrl: 'templates/home.html',
          controller: 'HomeCtrl'
        }
      }
    })

But if i'm trying to get params using:

console.log($stateParams);

I always get following:

Object {playSavedPlaylist: "true[object Object]", playlistData: ""}

But should it be:

  Object {playSavedPlaylist: "true", playlistData: [object Object]}

How can i do it in right way please?

Many thanks for any advice.

Maybe this could also be of your intereset: http://stackoverflow.com/a/27659582/1679310 — Radim Köhler, Jan 14 '15 at 09:52

devqon · Answer 1 · 2015-01-14T09:38:03.983

2

You can add '/' to separate between parameters. Also url parameters can only be integers and strings, therefore objects must be converted to json, or not being included in the url.

.state('app.home', {
    url: '/home/:playSavedPlaylist/:playlistData',
    views: {
        'menuContent' :{
            templateUrl: 'templates/home.html',
            controller: 'HomeCtrl'
        }
    }
});

$state.go('app.home', {
    playSavedPlaylist:true,
    playlistData: angular.toJson(dataToPass)
}
//, { location: false, inherit: false}    <-- will exclude parameters from url
);

edited Jan 14 '15 at 09:38

answered Jan 14 '15 at 09:28

devqon

13,818
2
30
45

It was first thing what i tried, but it is causing black screen without any error. – redrom Jan 14 '15 at 09:32

score 0 · Answer 2 · answered Jan 14 '15 at 09:39

What is dataToPass ? an object?

You can't pass an object directly in the URL, so you should use a service in order to get the data that you need, you can only pass integer (ex: id, max, min) and string that doesn't contains forbidden char for URL (You can use URI encode).

ionic framework, how to pass more than one param object in state?

2 Answers2