How to pass URL parameters through templateUrl in AngularJS?

Question

Trying to learn AngulareJS got stuck with this.

This is the code :

app.config(function ($routeProvider){
$routeProvider
.when('/',
{       
    templateUrl: '/sort',
    controller : 'tasksController'      
})  
.when('/expression/:expressionId/type/:typeId',
{   
    templateUrl: '/sort/'+:expressionId +'/'+ :typeId,
    controller : 'tasksController'  
})});

This is obviously wrong.

Can any one please tell me what is the correct way to do this? Thanks.

Perhaps you should tell us why it is wrong. What is the behavior you are getting? — JeffryHouser
– JeffryHouser, Commented May 17, 2014 at 16:43
The way you're trying to approach it is not possible with Angular's "native" router. It is, however, possible with Angular UI Router. If you wanted to stick with ngRouter, you could use a combination of $routeParams (populated within a controller), and ngInclude within your main view. — Jakob Jingleheimer
– Jakob Jingleheimer, Commented May 17, 2014 at 20:01

user727728 · Accepted Answer · 2014-05-17 20:35:42Z

14

Thanks guys,this is what I wanted

.when('/expression/:expressionId/type/:typeId', {

templateUrl: function(params) {
    return '/sort/' + params.expressionId +'/'+ params.typeId ;
},
controller: 'tasksController'
});

answered May 17, 2014 at 20:35

user727728

7432 gold badges10 silver badges21 bronze badges

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

1 Comment

JimmyBoy Over a year ago

I know it is a bit late to comment here, but, can you explain where are you passing 'params', where params get its value from?! Thanks.

ashu · Accepted Answer · 2014-05-17 18:43:41Z

1

Probably you are looking for $routeparams https://docs.angularjs.org/api/ngRoute/service/$routeParams.

you can do something like below:

app.config(function ($routeProvider){
  $routeProvider
    .when('/',{
        templateUrl: '/sort',
        controller : 'tasksController'
    })
    .when('/expression/:expressionId/type/:typeId', {
        templateUrl: '/sort',
        controller : 'tasksController'
    })
});

app.controller('tasksController', ['$scope', '$routeparams', function($scope, $routeparams) {
    var expressionId = $routeparams.expressionId
        , typeId = $routeparams.typeId;
}]);

answered May 17, 2014 at 18:43

ashu

1,0397 silver badges9 bronze badges

1 Comment

user727728 Over a year ago

I figured it out.Thank you for your response.

Collectives™ on Stack Overflow

How to pass URL parameters through templateUrl in AngularJS?

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related