AngularJS.bootstrap（）和模块_Angularjs

AngularJS.bootstrap（）和模块

angularjs

AngularJS.bootstrap（）和模块,angularjs,Angularjs,我遇到了一个问题，我需要在angular.boostrap中加载一个模块，而不是在它之前，但angular在我告诉加载它之前一直在加载它这里我调用angular.boostrap方法，这个函数作为GMaps api的回调调用，因此我知道这是因为console.log而起作用的 function onGoogleReady() { console.log("GMaps api initialized."); angular.bootstrap(document.getElementByI

我遇到了一个问题，我需要在angular.boostrap中加载一个模块，而不是在它之前，但angular在我告诉加载它之前一直在加载它

这里我调用angular.boostrap方法，这个函数作为GMaps api的回调调用，因此我知道这是因为console.log而起作用的

function onGoogleReady() {
  console.log("GMaps api initialized.");
  angular.bootstrap(document.getElementById('map', ['app.ui.map']));
}

这是我的模块：

angular.module('myAppModule', ['ui.map'])
.controller('CtrlGMap', ['$scope', function($scope) {
    $scope.mapOptions = {
        center: new google.maps.LatLng(35.500, -78.500),
        zoom: 11,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
}]);

最后是我的应用程序HTML

<html ng-app="myAppModule">

指令引导应用程序。如果要手动引导，则不应使用

ng app

<代码>角度。引导还将根模块引导；在本例中，这是您的

myAppModule

模块（由于

angular.module

定义，它已经依赖于

ui.map

）。因此，您的代码看起来更像以下内容：

function onGoogleReady() {
  console.log("GMaps api initialized.");
  var body = document.getElementsByTagName('body')[0];
  angular.bootstrap(body, ['myAppModule'])
}

function onGoogleReady() {
  console.log("GMaps api initialized.");
  var body = document.getElementsByTagName('body')[0];
  angular.bootstrap(body, ['myAppModule'])
}