lodash - angular-google-maps - chrome 中的 "_contains is not a function"

Question

我正在尝试使用 angular-google-maps，但它在 chrome 中因错误而中断

TypeError: _.contains is not a function

我的 DOM 元素看起来像

<div id="dashboard_map" class="tab-pane fade in active" ng-controller="mapsCtrl" ng-init="url = '/api/companies'; initialise();">
  <div class="panel panel-default"  ng-hide="!custom">
    <div class="panel-heading row">
      <div class="col-md-5">
        {!! Lang::get('google_maps.map1.title') !!}
      </div>
    <div class="col-md-2 col-md-offset-5">
      <i class="filter glyphicon glyphicon-filter pull-right" ng-click="custom=!custom"></i>
    </div>
  </div>
  <div class="panel-body">
    <div id="map_canvas">
        <ui-gmap-google-map center='map.center' zoom='map.zoom'>
        </ui-gmap-google-map>
    </div>
  </div>
</div>  

我正在按顺序加载 gmap3、gmap3menu、lodash、angularjs、angular-resource、angular-simple-logger 和最后 angular-google-maps。我的 Controller 包含以下 $scope 属性

$scope.map = {center: {latitude: 40.1451, longitude: -99.6680 }, zoom: 4 };

map 已显示，但我无法摆脱错误。

非常感谢任何想法/建议。

Answer 1

通过 bower 安装 angular-google-maps 将(在我的情况下)lodash 解析为版本 4。显然从版本 3.* 到 4 更改了“包含”的“包含”和“zipObject”的“对象”。
如所示 here 我解决了:

uiGmapGoogleMapApi.then(function(maps) {
      if( typeof _.contains === 'undefined' ) {
        _.contains = _.includes;
      }
      if( typeof _.object === 'undefined' ) {
        _.object = _.zipObject;
      }
      $scope.map = {..map stuff}
})

抱歉英语不好，请编辑以更正