javascript - 如何将变量传递给 AngularJs 配置

Question

我与 AngularJS Google Maps 一起工作并且需要在模块config部分配置api_key(类似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>

如何从 HTML(服务器)端恢复 memKey 值？

Answer 1

根据您的声明方式，您的 memKey 处于可访问范围内。

就这样

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

参见 snippet