How to construct Controller name from route in angularjs

Question

I am trying to define a generic route which will handle most of request. Adding a route for each and every feature addition is what I feel not good and not maintainable.

So my target is to write a generic route and resolve the decencies dynamically, which include resolving all dependent controller & service files, resolving templateUrl and resolving controller name. I can resolve/construct everything except controller name. Please help me a way around

My route with a custom resolver:

$routeProvider
 .when('/:module/:controller/:action?', routeResolver.resolve())

Inside my custom resolver:

function routeResolverProvider(){

this.$get= function(){
  return this;
}

this.resolve = function (options) {
 var route = {};

 route.templateUrl = function (params) {
     var path = String.format('/app/components/{0}/{1}.view.html', params.module, params.controller);
     return path;
 };

 //================================================================================
 route.controller='THIS IS WHAT I WANT TO CONSTRUCT FROM ROUTE as templateUrl'  
 //================================================================================

 route.resolve = {
   loadDependencies: ['$q', '$rootScope', '$route', function ($q, $rootScope, $route) {
      // MY RESOLVE LOGIC HERE
      // I construct dependent file path from route values
      // String.format('/app/components/{0}/{1}.controller.js', params.module, params.controller);
   }]
 };

 return route;
 }}

app.provider('routeResolver', routeResolverProvider)

Some good articles: https://github.com/angular/angular.js/wiki/Understanding-Dependency-Injection https://medium.com/opinionated-angularjs/advanced-routing-and-resolves-a2fcbf874a1c

I am trying to define a generic route which will handle most of request Can't you just use otherwise? — dfsq
– dfsq, Commented Nov 4, 2014 at 12:50

DanEEStar · Accepted Answer · 2014-11-04 13:13:54Z

1

If I understand your question correctly, then you want to be able to instantiate a controller by name.

This is possible in AngularJS as explained under Testing Controllers.

You have to use the $controller service like this:

$scope = $rootScope.$new();
$controller('NamedController', {$scope: $scope});

Here is a working plunker: http://plnkr.co/edit/AVCEdLS9zhIzCyZgcXZF?p=preview

answered Nov 4, 2014 at 13:13

DanEEStar

6,3707 gold badges41 silver badges53 bronze badges

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

Comments

Premchandra Singh · Accepted Answer · 2014-11-05 07:14:53Z

0

Thanks a lot Dan, I was looking exactly for this kind also. So I modify my resolver as and finally its bingo.

this.$get = ['$rootScope', '$scope', '$route', '$controller', function () {
    return this;
}];

route.controller = function ($rootScope, $scope, $route, $controller) {
    var params = $route.current.params;
    $controller(params.controller.toLowerCase() + 'Controller', {$scope: $scope});
}

Finally I solved my issue but would like to discuss the possible disadvantages of this approach.

answered Nov 5, 2014 at 7:14

Premchandra Singh

14.3k4 gold badges34 silver badges39 bronze badges

Collectives™ on Stack Overflow

How to construct Controller name from route in angularjs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related