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. http://stackoverflow.com/questions/18131834/angularjs-regex-route-for-similar-url-to-load-different-controller-and-view — xspydr, Jan 23 '14 at 20:40

score 1 · Answer 1 · answered Jan 23 '14 at 21:18

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

score 1 · Accepted Answer · answered Jan 23 '14 at 21:22

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 '14 at 21:22

hjgraca

1,695
1
14
29

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? – Shamoon Jan 23 '14 at 21:26
you should be able to, yes. in the above example, params.txid can be evaluated independently – user3043124 Jan 23 '14 at 22:27
1

Yes you can have any logic you want there, and return the correct view. – hjgraca Jan 24 '14 at 00:05

AngularJS Routing based on param

2 Answers2