how can use optional url in angular route with ui-router?

Question

I want to define some state with optional url in angular ui-router

how can I do this?

for example

state('test',{
   url:'/list/:id/color?/:color?'
}

in this example the color and :color is optional and state should work whit these urls:

site.com/list/1

site.com/list/color/red

you can see here for more infomation . hope it help github.com/angular-ui/ui-router/wiki/URL-Routing — Akashii
– Akashii, Commented Mar 31, 2017 at 9:44

Michael Doye · Accepted Answer · 2017-03-31 09:50:33Z

1

There was an update to the library a few years ago which allowed this functionality:

$stateProvider.state("foo", {
  url: "/foo/{foo}",
  params: {
    foo: { value: "bar" }
  }
});

Adding a default value to foo means that the route above will match /foo, /foo/, and /foo/baz. Additionally, when matching /foo or /foo/, $stateParams will still be populated with { foo: "bar" }

answered Mar 31, 2017 at 9:50

Michael Doye

8,2115 gold badges43 silver badges57 bronze badges

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

Collectives™ on Stack Overflow

how can use optional url in angular route with ui-router?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related