How to define wildcard matching of url routes with angular ui-router

Question

I want to define any in url whit angular ui-router

in angular self router we can define a route like this:

$routeProvider.when('/:params*', {
    template: 'test',
  })

and when call this url

/a/b/c

it's work

how can do same in angular ui-router

georgeawg · Accepted Answer · 2017-03-30 17:45:30Z

6

For eager matching of URL parameters, use:

$stateProvider
.state('all', {
    url: "/*params",
    template: "test"
});

//OR

$stateProvider
.state('all', {
    url: "/{params:.*}",
    template: "test"
});

From the Docs:

URL Regex Parameters

Examples:

'/files/{path:.*}' - Matches any URL starting with '/files/' and captures the rest of the path into the parameter 'path'.

'/files/*path' - Ditto. Special syntax for catch all.

— UI-Router Wiki URL-Routing regex parameters

answered Mar 30, 2017 at 17:45

georgeawg

49k13 gold badges78 silver badges98 bronze badges

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

Collectives™ on Stack Overflow

How to define wildcard matching of url routes with angular ui-router

1 Answer 1

URL Regex Parameters

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

URL Regex Parameters

Comments

Your Answer

Sign up or log in

Post as a guest

Related