0

My web application has many views(templates) and there is no static pattern to composed the templateUrl just from route parameters. Considering the flexibility to update the routes, I stores the routing table in a SQL server and create a RESTful web service to retrieve&update the route-template records. However, I find no way to call $http and $rootScope in AngularJS during configuration phrase.

I understand .config happens before .run in AngularJS. In configuration, we can only access to constant and providers. But since I'm using templateUrl function, the function body is called at run time. I was wondering if there's any way to inject $http and $rootScope in my templateUrl function which will be executed at run phrase...

angular.module('app', ['ngRoute']).config(['$routeProvider', 

        function ($routeProvider) {

            $routeProvider.
                    when('/:param1/:param2/:param3',
                    { templateUrl: function(element){
                      // $http GET routing table from RESTful API
                      // store the table to $rootScope
                      // look up table with param1+param2+param3 as key, get template url 
                      return templateUrlFromTable ;
                    }}).

                    otherwise({redirectTo: '/'});

        }])

I'm very new to AngularJS, any other suggestion is also welcome. Also, please correct me if my understanding is wrong. Thanks.

Vivien Hung
  • 225
  • 4
  • 14
  • Related: http://stackoverflow.com/questions/15286588/how-to-inject-dependency-into-module-configconfigfn-in-angular – alecxe Sep 10 '14 at 18:04
  • Thanks. From the related article, I think the answer to my original question is 'no'. I should use either server rendered route in a JavaScript file, or server routing. – Vivien Hung Sep 15 '14 at 16:38

0 Answers0