angularjs - reference value defined in same module - .factory fix

http://stackoverflow.com/questions/27305606

by Garth Edwards

HTML

<script src="http://code.angularjs.org/1.3.5/angular.js"></script>
<div ng-app="myApp">
    <div ng-controller="TestCtrl">
        {{testvalue1}}
        <br>
        {{testvalue2}}
    </div>
</div>

JavaScript

var myApp = angular.module('myApp', ['configuration']);

myApp.controller('TestCtrl', function($scope, Config, ApiList) {
	$scope.testvalue1 = Config.baseURL;
	$scope.testvalue2 = ApiList.getMyDataLink1;
}); 

var configuration = angular.module('configuration', []); 

configuration.value('Config',{
    baseURL : 'http://dev.mysite.com/',     // define Base URL
});

configuration.factory('ApiList', ['Config', function(Config){
    return{
        getMyDataLink1 : Config.baseURL + 'rest/folder1/action1/api_key/',
        getMyDataLink2 : Config.baseURL + 'rest/folder2/action2/api_key/',
        getMyDataLink3 : Config.baseURL + 'rest/folder3/action3/api_key/'
    };
}]);




// JS only version
var oldConfig = {
    oldBaseURL : 'http://dev.mysite.com/',
}
var oldApiList = {
    oldMyDataLink1 : configs.oldBaseURL + 'rest/folder1/action1/api_key/',
    oldMyDataLink2 : configs.oldBaseURL + 'rest/folder2/action2/api_key/',
    oldMyDataLink3 : configs.oldBaseURL + 'rest/folder3/action3/api_key/'
}
console.log(configs, oldApiList);