Duplicate Routing in AngularJS

Question

I need to be able to pass this 2 routes in AngularJS :

.state('app.article', {
     url: '/:catName/:articleName',
     views: {
         'menuContent': {
             templateUrl: 'templates/article.html',
             controller: 'ArticleCtrl'
         }
     }
 })

 .state('app.category', {
     url: '/:catName/:subcatName',
     views: {
         'menuContent': {
             templateUrl: 'templates/category.html',
             controller: 'CategoryCtrl'
         }
     }
 })

The problem is that they are both quite the same.

The only differance I do have is that an article name is ending with a -XXXXXX where XXXXXX is a number.

How can I do that?

thanks.

AJ Funk · Accepted Answer · 2017-05-08 16:40:35Z

1

You need to include some way to differentiate these routes. Here is one approach

.state('app.article', {
     url: '/:catName/article/:articleName',
     views: {
         'menuContent': {
             templateUrl: 'templates/article.html',
             controller: 'ArticleCtrl'
         }
     }
 })

 .state('app.category', {
     url: '/:catName/category/:subcatName',
     views: {
         'menuContent': {
             templateUrl: 'templates/category.html',
             controller: 'CategoryCtrl'
         }
     }
 })

answered May 8, 2017 at 16:40

AJ Funk

3,1971 gold badge18 silver badges18 bronze badges

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

2 Comments

digicom Over a year ago

That is not an option as the urls are coming from an external source. This is their structure and it can't be changed. Is there a way to check if the url ends with a number?

AJ Funk Over a year ago

You can try something like this. Alternatively, you can use the same controller for both routes and perform different logic based on the param data

Collectives™ on Stack Overflow

Duplicate Routing in AngularJS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related