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