AngularJS Lire web.valeur de configuration

Si votre problème est de déplacer toutes vos configurations globales dans un seul fichier, vous pouvez utiliser la constante: créer un config.js fichier comme ceci:

angular.module('myApp').constant('configs', {
  baseUrl: 'http://localhost:5037'
})

Ensuite dans votre usine injecter des configs:

auctionServices.factory('auctions', ['$resource', 'configs', function ($resource, configs){
}

configs.baseUrl contient votre url

OriginalL'auteur codadilupo

Nous le configurer dans config.js fichier, entre autres choses, nous faire

//custom config settings
var appServicesHostName = "http\\://localhost\\:62784/api";
var memberServicesHostName = "http\\://localhost\\:48089";
var coverageServiceHostName = "http\\://localhost\\:5841";


var config = {
    appServicesHostName: appServicesHostName,
    memberServicesHostName: memberServicesHostName,
    coverageServiceHostName: coverageServiceHostName,
};

app.value("config", config);

Il vous suffit de l'injecter dans vos services, quelque chose comme cela

angular.module('app').factory(serviceId,
        ['$q', '$http', 'config', 'Dependents', inRelatedInsuredEditDataSvc]);

Cela répond à votre question, MAIS vous êtes toujours coder en dur les parties de l'URL. Meilleure façon de configurer vos itinéraires et de les nommer. Ils vous pouvez déplacer vos itinéraires, de les modifier sans avoir à changer toute la place. Exemple, dans config.route.js

(function () {

    'use strict';

    var app = angular.module('app');

    //Collect the routes
    app.constant('routes', getRoutes());

    //Configure the routes and route resolvers
    app.config(['$routeProvider', 'routes', routeConfigurator]);

    function routeConfigurator($routeProvider, routes) {

        routes.forEach(function (r) {
            $routeProvider.when(r.url, r.config);
        });

        $routeProvider.otherwise({ redirectTo: '/insureds/search' });
    }

    //Define the routes 
    function getRoutes() {
        return [
            {
                name: 'InsuredsSearchView',
                url: '/insureds/search',
                config: {
                    templateUrl: 'app/insured/search/inSearch.html',
                    reloadOnSearch: false,
                    settings: {}
                }
            },
            {
                name: "InsuredCallLogAdd",
                url: '/insureds/:insuredId/callLogs/add',
                config: {
                    templateUrl: 'app/insured/callLog/edit/inCallLogEdit.html',
                    reloadOnSearch: false,
                    settings: {}
                }
            }
    }

})();

Comme vous pouvez le voir, nous le nom de chaque voie et de le désigner par son nom, plutôt que de coder en dur les url de tous sur la place. Tous vous avez besoin maintenant est un service pour donner de la route, à l'instar de ce

(function () {
'use strict';
var serviceId = 'routesSvc';
angular.module('app').factory(serviceId, ['$location', 'routes', routesSvc]);
function routesSvc($location, routes) {
//Define the functions and properties to reveal.
var service = {
getPath: getPath,
navigateTo: navigateTo,
getTemplateUrl: getTemplateUrl
};
return service;
function getPath(routeName, routeParameters) {
var route = _.findWhere(routes, { name: routeName });
if (route == undefined) {
//EP: finish - use $log and throw error
console.log("route: " + routeName + " does not exist");
}
var qParameterKeys = [];
var path = route.url;
for (var key in routeParameters) {
if (path.indexOf(":" + key) == -1) {
qParameterKeys.push(key);
} else {
path = path.replace(":" + key, routeParameters[key]);
}
}
if (qParameterKeys.length > 0) {
path = path + "?";
key = qParameterKeys[0];
var item = routeParameters[key];
var value = angular.isObject(item) ? angular.toJson(item) : item;
path = path + key + "=" + value;
for (var i = 1; i < qParameterKeys.length; i++) {
key = qParameterKeys[i];
item = routeParameters[key];
value = angular.isObject(item) ? angular.toJson(item) : item;
path = path + '&' + key + "=" + value;
}
}
return path;
}
function navigateTo(routeName, routeParameters) {
$location.url(getPath(routeName, routeParameters));
}
function getTemplateUrl(routeName) {
var route = _.findWhere(routes, { name: routeName });
if (route == null) throw (routeName + " is not defined in config.route.js");
return route.config.templateUrl;
}
}
})();

et puis vous pouvez l'utiliser comme cette

<a data-ng-href="#{{getPath('BatchDefaultView',{batchId:result.batchId})}}">

Voir, pas codé en dur url

et si vous avez besoin d'autres informations sur route ou de modèles, vous pouvez même faire par l'intermédiaire de la portée, à l'instar de ce

(function () {
'use strict';
var app = angular.module('app');
app.run(function ($rootScope, routesSvc) {
$rootScope.getPath = function (routeName, parameters) {
return routesSvc.getPath(routeName, parameters);
};
$rootScope.navigateTo = function(routeName, parameters) {
routesSvc.navigateTo(routeName, parameters);
};
$rootScope.getTemplateUrl = function(routeName) {
return routesSvc.getTemplateUrl(routeName);
};
});
})();

Espère que cela vous aide à garder propre.

OriginalL'auteur epitka