AngularJS Routing based on param

Question

I'm using the $routeProvider and I want the route to load a different view depending on what is passed:

when('/tx/:txid', {
  templateUrl: '/views/tx/view.html'
}).

If txid matches a certain pattern, it should load one view. If it matches a different pattern, it should load a different view. Is this possible?

see this post. stackoverflow.com/questions/18131834/…

xspydr
– xspydr

2014-01-23 20:40:36 +00:00
Commented Jan 23, 2014 at 20:40 — xspydr
– xspydr, Commented Jan 23, 2014 at 20:40

hjgraca · Accepted Answer · 2014-01-23 21:22:57Z

1

Have a look at dynamic templates.

when('/tx/:txid', 
    {   
      controller:ctrl, 
      templateUrl: function(params){ 
         // your logic here...
         return '/tx/diferentview/' + params.txid; 
      }
    }

This should do the trick.

answered Jan 23, 2014 at 21:22

hjgraca

1,7131 gold badge14 silver badges29 bronze badges

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

3 Comments

Shamoon Over a year ago

Instead of passing the txid, I can do a check of some kind, like if params.txid is numeric, then return View1 or else View2, right?

user3043124 Over a year ago

you should be able to, yes. in the above example, params.txid can be evaluated independently

hjgraca Over a year ago

Yes you can have any logic you want there, and return the correct view.

dfsq · Accepted Answer · 2014-01-23 21:18:19Z

1

You can use function for dynamic views:

.when('/tx/:txid', {
    templateUrl: function(routeParams) {
        // return necessary view based on route params
        return '/views/tx/view.html'; 
    }
})

From documentation:

If templateUrl is a function, it will be called with the following parameters: {Array.} - route parameters extracted from the current $location.path() by applying the current route

answered Jan 23, 2014 at 21:18

dfsq

193k26 gold badges244 silver badges261 bronze badges

Collectives™ on Stack Overflow

AngularJS Routing based on param

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related