Global Settings in AngularJS

Question

I have an app that have to be customisable and one parameter is the root of the url. The app ain't necessarily at the root of the website, ie. it can be hosted at http://onedomain.com/index.html, where the appName would be /, as it can be hosted at http://anotherdomain.com/myapp/index.html, where the appName would be /myapp/.

But I need to know the appName in the router, so in the configFn of my module, to do this kind of stuff:

return $routeProvider.when(appName + "index.html", {
  templateUrl: 'views/main.html',
  controller: 'MainCtrl'
})

As I have more parameters, I started a service I called Settings but you can't inject services while configuring a module…

What would you do?

For my concern, I started thinking about a custom provider but I'm not sure it's appropriate.

fodma1 · Accepted Answer · 2016-03-14 07:28:32Z

21

For Settings related information, I use constant:

angular.module(...)
  .constant("APPNAME", "/myapp/")
  .controller(..., function(..., APPNAME) {...})

Here is a simple plunker to illustrate constant.

edited Mar 14, 2016 at 7:28

fodma1

3,5451 gold badge33 silver badges52 bronze badges

answered Jun 12, 2013 at 19:11

marcoseu

3,9622 gold badges21 silver badges36 bronze badges

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

1 Comment

Adrien Over a year ago

I discovered constant few minutes after I asked my question. But your example is way clearer than Angular doc :) Thanks!

Ven · Accepted Answer · 2013-06-12 19:06:53Z

2

Just use .when('/' and <base href="/myapp/" />.

answered Jun 12, 2013 at 19:06

Ven

19k2 gold badges44 silver badges62 bronze badges

3 Comments

Adrien Over a year ago

Thanks for the tip. I forgot about this. I will pick for @marcoseu answer since it's great in a more generic way.

Ven Over a year ago

having a general constant to have a "base path" is just insane

Adrien Over a year ago

Obviously, and hopefully, I'm not just doing that. I do have more constants.

Collectives™ on Stack Overflow

Global Settings in AngularJS

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related