How to pass an object into a state using UI-router?

by

In version 0.2.13, You should be able to pass objects into $state.go,

$state.go('myState', {myParam: {some: 'thing'}})

$stateProvider.state('myState', {
                url: '/myState/{myParam:json}',
                params: {myParam: null}, ...

and then access the parameter in your controller.

$stateParams.myParam //should be {some: 'thing'}

myParam will not show up in the URL.

Source:

See the comment by christopherthielen https://github.com/angular-ui/ui-router/issues/983, reproduced here for convenience:

christopherthielen: Yes, this should be working now in 0.2.13.

.state(‘foo’, { url: ‘/foo/:param1?param2’, params: { param3:
null } // null is the default value });

$state.go(‘foo’, { param1: ‘bar’, param2: ‘baz’, param3: { id: 35,
name: ‘what’ } });

$stateParams in ‘foo’ is now { param1: ‘bar’, param2: ‘baz’, param3: {
id: 35, name: ‘what’ } }

url is /foo/bar?param2=baz.

More Related Contents:

  1. How do I share $scope data between states in angularjs ui-router?
  2. How to pass parameters using ui-sref in ui-router to controller
  3. AngularJS ui-router login authentication
  4. What is the difference between angular-route and angular-ui-router?
  5. Redirect a state to default substate with UI-Router in AngularJS
  6. How to pass parameters using ui-sref in ui-router to the controller
  7. Angular UI-Router $urlRouterProvider .when not working when I click
  8. AngularJS – UI Router – programmatically add states
  9. Template does not update when using ui-router and ion-tabs
  10. How do I get the Back Button to work with an AngularJS ui-router state machine?
  11. Using $window or $location to Redirect in AngularJS
  12. Angular js – route-ui add default parmeter
  13. Angularjs ui-router not reaching child controller
  14. Angular ui-router – how to access parameters in nested, named view, passed from the parent template?
  15. What is the difference between $routeProvider and $stateProvider?
  16. Angular ui router unit testing (states to urls)
  17. UI-router interfers with $httpbackend unit test, angular js
  18. Angular-UI Router: Nested Views Not Working
  19. Angular UI Router: decide child state template on the basis of parent resolved object
  20. Angular/UI-Router – How Can I Update The URL Without Refreshing Everything?
  21. Angular UI-Router $urlRouterProvider .when not working *anymore*
  22. How to delete ‘#’ sign in angular-ui-router URLs
  23. Angular UI-Router more Optional Parameters in one State
  24. How can I fix ‘Maximum call stack size exceeded’ AngularJS
  25. Directing the user to a child state when they are transitioning to its parent state using UI-Router
  26. How to achieve that “ui-sref” be conditionally executed?
  27. Angular ui router – Redirection doesn’t work at all
  28. Difference between $state.transitionTo() and $state.go() in Angular ui-router
  29. multiple ui-view html files in ui-router
  30. AngularJS: How do I manually set input to $valid in controller?

Leave a Comment