AngularJS - Using NgRoute's params in a controller name

Question

I have a route set up in AngularJS, with a variable parameter.

This is an extension of this question; I can use params in a variable templateUrl like so:

.when('/course/:lesson', {
    templateUrl: function(params){
         return '/partials/course/' + params.lesson;
    }
    //...
})

However, if I try to do something for a variable controller name I get an unknown provider error

.when('/course/:lesson', {
    templateUrl: function(params){
         return '/partials/course/' + params.lesson;
    },
    controller: function(params){
         return params.lesson + 'Ctrl';
    }
})

Basically, instead of writing 100 different routes which all follow the exact same structure, I want to take whatever the lesson variable is and map it to the /partials/course/{{lesson}} route as well as the {{lesson}}Ctrl controller.

Is this possible?

Pankaj Parkar · Accepted Answer · 2016-04-30 07:44:01Z

3

You could do something like below, not cleaner one. But it will work

controller: function($scope, $controller, $routeParams){
     $controller($routeParams.lesson + 'Ctrl', {$scope: $scope});
}

Handling such situation will be easier, if you will look at ui.router, which has controllerProvider which will work like you were trying.

edited Apr 30, 2016 at 7:44

answered Apr 30, 2016 at 7:27

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

1 Comment

JVG Over a year ago

This is great, I didn't know you could pass in $controller like this!

Community · Accepted Answer · 2017-05-23 10:28:11Z

0

No - controllers name are static - they are functions, that are compiled before we start our app. More info here.

However, it is possible to dynamically add controller to view based of ngController. More info here

edited May 23, 2017 at 10:28

CommunityBot

11 silver badge

answered Apr 30, 2016 at 7:20

uksz

18.4k31 gold badges102 silver badges172 bronze badges

1 Comment

dfsq Over a year ago

Controller name is static however you can create you controller instance manually. Check Panraj's answer.

Collectives™ on Stack Overflow

AngularJS - Using NgRoute's params in a controller name

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