"맵"태그에 "마커"태그가 있어야합니다.angular.js 중첩 된 지시어 범위 범위 속성
내 문제는 "마커"속성을 "지도"부모 범위의 변수를 사용하여 설정하고 싶습니다.
나는이 할 경우 :
가<map center="{{userPosition}}">
<marker lat="13.555232324" lng="43.555232324" text="Text1" on-click="callback('id_0')" ></marker>
</map>
내 코드가 작동하지만이 같은 것을 할 싶습니다 : 지금 난 그냥 문자열로 "위도"읽을 수
<map center="{{userPosition}}">
<marker lat="{{nearRooms['id_0'].lat}}" lng="{{nearRooms['id_0'].lng}}" text="Text1" on-click="callback('id_0')" ></marker>
</map>
합니다.
내지도 지침 :ngBMap.directive('map', [ function ($compile){
return {
restrict: 'E',
controller: ['$scope', function($scope) {
this.markers = [];
$scope.markers = [];
this.mapHtmlEl = null
this.map = null;
this.exeFunc = function(func, context, args){
$scope.$parent[func].apply(context, args)
}
this.initializeMarkers = function(){
for (var i=0; i<this.markers.length; i++) {
var marker = this.markers[i];
this.map.entities.push(marker);
}
}
this.initializeMap = function(scope, elem, attrs){
var map_canvas = document.createElement('div')
var _thisCtrl = this;
....
this.mapHtmlEl = map_canvas;
}
this.setCenter = function(position){
var position = eval(position)
var _position = new Microsoft.Maps.Location(position[0], position[1])
if(this.map)
this.map.setView({center : _position});
}
}],
scope: {
'center': '@',
},
link: function(scope, element, attrs, ctrl) {
scope.$watch('center', function(center) {
console.log('center: '+center)
if(center){
ctrl.setCenter(center)
}
}, false);
ctrl.initializeMap(scope, element, attrs)
element.html(ctrl.mapHtmlEl)
}
}
}]);
내 마커 지시자 :ngBMap.directive('marker', [ function ($compile){
return {
restrict: 'E',
require: '^map',
link: function(scope, element, attrs, mapController) {
console.log('marker init')
var getMarker = function() {
var lat = attrs.lat
.....
var marker = _marker;
return marker;
}//end getMarker
var marker = getMarker();
mapController.markers.push(marker);
}
}}]);
'this.markers = $ scope.markers = [];'를 사용해 보셨습니까? – pocesar