How to pass the variables to AngularJs config

Question

I work with AngularJS Google Maps and need to configure the api_key in the module config part (question similar to this one ).

My question is about configuring AngularJs modules

This is my test pen :

 var app = angular.module('myapp', []) /* // HERE ????? // I try to pass a value from the HTML (server side) .config(function($window){ console.log($window.memKey); }) */ .controller('MainCtrl', ['$scope', '$window', function($scope, $window) { $scope.name = $window.memName; $scope.city = $window.memCity; $scope.getMember = function(id) { console.log(id); }; }]); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <script type="text/javascript"> var memKey = 'bb7de28f-0f89-4f14-8575-d494203acec7'; var memName = 'John'; var memCity = 'New-York'; </script> <div ng-app="myapp" ng-controller="MainCtrl"> Member name: {{name}} <br> Member city: {{city}} </div> 

How is possible to recuperate the memKey value from the HTML (Server) side?

Answer 1

your memKey is in an accesible scope, according on how you've declared it.

just do

 app.config(function(){
    console.log(memKey);
  }) 

See snippet

Answer 2

You can access an existing angular module if you don't use the injection array. After you have the reference, you can declare constants eg:

<script type="text/javascript">
 var app = angular.module('myapp');  
 app.constant('memKey', 'bb7de28f-0f89-4f14-8575-d494203acec7');
 app.constant('memName', 'John');
 app.constant('memCity', 'New-York');
 //Or do them as one config object
</script>   

--

  .config(['memKey', 'memName','memCity'  function(memKey, memName, memCity) {
  }]);