Query params resolves as undefined

[FranciscoGarciaPilar]

I have this state definition:
const routerState = { name: 'router', url: '/sign-router?event', component: SignRouter }; const router = new UIRouterReact(); router.urlRouterProvider.otherwise('/'); router.stateRegistry.register(routerState); router.start();

event should be a state param defined in the url as a query param but trying for example http://localhost:8080/#/sign-router?event=ttl_expired the state component get the following values in the props.resolves:
resolves: { $stateParams: { #: null, event: undefined },... }

Am I missing any state param configuration for query params? If use the /route/:param notation works but not with query params notation.

[christopherthielen]

Am I missing any state param configuration for query params?

Nope, the URL with the param declared should be enough. I'll see if I can reproduce.

[christopherthielen]

if you clone the ui-router-react repository, there is a simple example app. The sample app has a home state with a query parameter:

let home = { name: 'home', component: Home, url: '/home?foo' };

I added <h1>foo: {this.props.resolves.$stateParams.foo}</h1> to the Home component. Then ran the app (npm run dev) and typed in the url /home?foo=bar. The param value shows up in the component.

[eddiemonge]

As this issue is almost 2 years old, it is being closed. If you feel like the problem reported is still valid, please add a comment saying it is still affecting you. We will reevaluate it and if it is valid we will reopen it.

Thank you for supporting and contributing to the project.