Impostazioni globali in AngularJS

Question

Ho un'app che deve essere personalizzabile e un parametro è la radice dell'URL. L'app non è necessariamente alla radice del sito Web, vale a dire. può essere ospitato allo http://onedomain.com/index.html, dove lo appName sarebbe /, in quanto può essere ospitato allo http://anotherdomain.com/myapp/index.html, dove lo appName sarebbe /myapp/.

Ma ho bisogno di sapere il appName nel router, così nel configFn del mio modulo, per fare questo tipo di cose:

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

Come ho più parametri, ho iniziato un servizio ho chiamato Settings ma non è possibile iniettare servizi durante la configurazione di un modulo ...

Cosa faresti?

Per la mia preoccupazione, ho iniziato a pensare a un fornitore personalizzato ma non sono sicuro che sia appropriato.

Answer 1

Per Settings informazioni correlate, io uso constant:

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

Ecco un simple plunker per illustrare costante.

Answer 2

Basta usare .when('/' e <base href="/myapp/" />.