Как передать переменные в конфигурацию AngularJs

Question

Я работаю с AngularJS Google Maps и вам необходимо настроить api_key в модуле config (вопрос аналогичен this one).

Мой вопрос о настройке AngularJs модулей

Это 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>

Как можно выздороветь значение memKey из (сервера) стороны HTML?

Answer 1

Ваш memKey находится в доступном объеме, в зависимости от того, как вы его объявили.

вобще

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

См snippet

Answer 2

Вы можете получить доступ к существующей угловой модуль, если вы не используете массив впрыска. После того, как у вас есть ссылка, вы можете объявить константы, например:

<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) { 
    }]);