AngularJS optional route parameter

Question

I have an angularJS application where the route can be one of the below

www.website.com/blog/xyz
www.website.com/blog/xyz/title/other-params

In last url, title parameter is use for user readability sake, so it's not compulsory in the url. Hence I am using below angularJS code for my route.

$routeProvider
    .when('/blog', {
        templateUrl : url,
        controller : 'blogsHome'
    })
    .when('/blog/:blog_id', {
        templateUrl : url,
        controller : 'blogInfo'
    })
    .when('/blog/:blog_id/:url_params*', {
        templateUrl : url,
        controller : 'blogInfo'
    });

Now, in above code, I had to add middle when because angular expect :url_params and can not be empty. Is there any way I can omit middle when statement?

Possible duplicate of Can angularjs routes have optional parameter values? — Daniel Corzo
– Daniel Corzo, Commented Apr 27, 2016 at 18:30

Shaishab Roy · Accepted Answer · 2016-04-27 20:17:59Z

1

Adding * to you work with multiple levels of directories dynamically and adding ? to work with optional path. But when you want work with multiple levels but optional then can try like this ?:multipleOptionalParams*?

so try this one:

$routeProvider
    .when('/', {
        templateUrl : 'blog.html',
        controller : 'myCtrl'
    })
    .when('/blog/:blog_id/?:url_params*?', {
        templateUrl : 'details.html',
        controller : 'details'
    });

Can visit Plunker Demo

edited Apr 27, 2016 at 20:17

answered Apr 27, 2016 at 19:49

Shaishab Roy

16.9k7 gold badges56 silver badges69 bronze badges

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

Comments

Stefan Brinkmann · Accepted Answer · 2016-04-27 18:58:28Z

0

I would like to replace the 3rd when with the second one to change the sequence which when matches first.

Like so, the most complicated first:

$routeProvider
    .when('/blog', {
        templateUrl : url,
        controller : 'blogsHome'
    })
    .when('/blog/:blog_id/:url_params*', {
        templateUrl : url,
        controller : 'blogInfo'
    })
    .when('/blog/:blog_id', {
        templateUrl : url,
        controller : 'blogInfo'
    });

edited Apr 27, 2016 at 18:58

answered Apr 27, 2016 at 18:52

Stefan Brinkmann

3703 silver badges6 bronze badges

Collectives™ on Stack Overflow

AngularJS optional route parameter

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related