Angularjs 页面加载上的角度对象

Angularjs 页面加载上的角度对象,angularjs,Angularjs,我有一张建在角上的地图 我有一个基于谷歌标记的字段更新。是否有一种基于页面加载初始化角度对象的方法?在用户基于单击事件发送JSON数据之前,内容框当前为空 这是我的角度代码: $scope.map = new google.maps.Map(document.getElementById('map'), mapOptions); $scope.markers = []; var infoWindow = new google.maps.InfoWindow({ maxWidth: 200 }

我有一张建在角上的地图

我有一个基于谷歌标记的字段更新。是否有一种基于页面加载初始化角度对象的方法?在用户基于单击事件发送JSON数据之前,内容框当前为空

这是我的角度代码:

$scope.map = new google.maps.Map(document.getElementById('map'), mapOptions);

$scope.markers = [];

var infoWindow = new google.maps.InfoWindow({
maxWidth: 200
});

var createMarker = function (info){

    var marker = new google.maps.Marker({
        map: $scope.map,
        position: new google.maps.LatLng(info.lat, info.long),
        title: info.location,
        image: info.img,
        date: info.date,
        quote: info.quote
    });

    marker.content = '<div class="infoWindowContent">' + info.desc + '</div>';

    google.maps.event.addListener(marker, 'click', function(){
        infoWindow.setContent(marker.content);
        $scope.selectedMarker = marker;
        $scope.$apply();
        infoWindow.open($scope.map, marker);
    });

    $scope.markers.push(marker);

}  

for (i = 0; i < cities.length; i++){
    createMarker(cities[i]);
}

$scope.openInfoWindow = function(e, selectedMarker){
    e.preventDefault();
    google.maps.event.trigger(selectedMarker, 'click');
}

});
$scope.map=new google.maps.map(document.getElementById('map'),mapOptions);
$scope.markers=[];
var infoWindow=new google.maps.infoWindow({
最大宽度:200
});
var createMarker=函数(信息){
var marker=new google.maps.marker({
map:$scope.map,
位置:新google.maps.LatLng(info.lat,info.long),
标题:info.location,
图片:info.img,
日期:info.date,
报价:info.quote
});
marker.content=''+info.desc+'';
google.maps.event.addListener(标记'click',函数(){
infoWindow.setContent(marker.content);
$scope.selectedMarker=标记;
$scope.$apply();
infoWindow.open($scope.map,marker);
});
$scope.markers.push(marker);
}  
对于(i=0;i
这是我的看法

<div id="containter" ng-app="mapsApp" ng-controller="MapCtrl">

<div id="map"></div>

<div id="class">
     <h1> {{selectedMarker.title}}</h1>
     <p>{{selectedMarker.quote}}</p>
     <p>Completed {{selectedMarker.date}}</p>
</div>

</div>

{{selectedMarker.title}
{{selectedMarker.quote}

已完成{selectedMarker.date}


从指令控制器内部使用$timeout:

$timeout(function() { 
     // initialize plugin on load here...
});

您可以使用
模块。运行

angular.module('myModule',[])
.run(function($rootScope){
  $rootScope.selected = "foo";
  // code runs on module init
}

是否尝试了ng init指令?