How to provide configuration to AngularJS module?

Question

Currently I am combining a traditional application with some dynamic parts written using AngularJS. I would like to provide some configuration from my server to my module. In this case I would like to configure the application 'base' URL. All templates can be found at a specific location and this location is determined by the server.

So I tried something like this:

angularForm.config(
 function($routeProvider, TemplateLocator) {
    $routeProvider.when('/', {
        controller : TestController,
        templateUrl : TemplateLocator.getTemplate('FormOuterContainer')
 });
});

At the server:

<script type="text/javascript">
 angular.module('BoekingsModule.config', []).provider('TemplateLocator', function() {
        this.$get = function() {
            return // something
        }

        this.getTemplate = function(name) { return 'location...'; }
    });
 </script>

However, I am not sure this is the right way. So in short: how can I provide some (external) configuration to a module without having to change the module itself?

Stuck with the same problem. Were you able to figure this out? — Saurabh Nanda
– Saurabh Nanda, Commented Feb 11, 2013 at 12:00

iwein · Accepted Answer · 2014-08-14 11:17:37Z

4

There are several things you can do

Render the locations in the js on the server.

Pro: less requests -> better performance (usually)

Cons:
- combining server side rendering with an SPA makes the system more complex, leading to higher maintenance costs.
- it is harder to properly compress your js files if you want to mix in server side rendering, embedding js in html is also ugly.
Extract the template location to a service.

From this service you could use a $resource to fetch the data from the server in json format. This keeps things simpler, but it could also increase your web server's load.

edited Aug 14, 2014 at 11:17

answered Mar 2, 2013 at 7:55

iwein

26.2k13 gold badges75 silver badges112 bronze badges

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

Comments

sdegroot · Accepted Answer · 2014-09-15 13:27:17Z

0

Wow it has been a long time since. I completely forgot about this post.

So, in the end I decided it was better to use another approach. Like iwein said, combining SPA with server side rendering makes the application a lot more complex. Therefore I extracted the SPA part into a separate application which in turn is referenced from (in my case) the JSP.

When my module needs some additional configuration, it gets it using a REST API. This way the SPA part of the application is completely decoupled from the server-side rendered part.

answered Sep 15, 2014 at 13:27

sdegroot

2473 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to provide configuration to AngularJS module?

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