我对这些标签有疑问。
我对某些信息进行了安排,包括地图中此I标记的经度和纬度。要点击其中任何一个,想要显示每个标记的信息。问题在于它无法识别我的安排的价值。
我的阵列:
$scope.views = [
{
id : 0,
nombre : 'Problema con cableado',
fecha : '18/05/2014 a las 15:17',
estado : 'En revisión',
latitud : -33.3995448,
longitud : -70.5705277,
img : 'img/cables.JPG',
comentario : 'Exiten problemas en el cableado, estan sueltos y es peligroso. Concurre mucha gente por ese lugar.',
like : 1,
like_me : true,
icono : 'icon ion-android-favorite',
clase : 'label_estado label-warning'
},
{
id : 1,
nombre : 'Poste en mal estado',
fecha : '09/11/2013 a las 20:45',
estado : 'Solucionado',
latitud : -33.4024754,
longitud : -70.5919616,
img : 'img/poste.jpeg',
comentario : 'El poste esta a punto de caer, se encuentra en una calle muy concurrida por personas y automóviles.',
like : 5,
like_me : true,
icono:'icon ion-android-favorite',
clase : 'label_estado label-success'
},
{
id : 2,
nombre : 'Cañeria rota',
estado : 'Falta información',
fecha : '03/03/2012 a las 12:13',
latitud : -33.406975,
longitud : -70.57283,
img : 'img/caneria.jpg',
comentario : 'Esta rota y oxidada, corre agua por todo el lugar.',
like : 0,
like_me : false,
icono : 'icon ion-android-favorite-outline',
clase : 'label_estado label-info'
}
];
我的HTML:
<ion-content class="map-container">
<map center="{{latitud}}, {{longitud}}" zoom="12" id="map_views" data-tap-disabled="true">
<div id="class" data-tap-disabled="true" ng-repeat="view in views">
<marker position="{{view.latitud}}, {{view.longitud}}" on-click="verInfo({{view}})" data-tap-disabled="true"/>
</div>
</map>
功能:
$scope.verInfo = function(view){
$ionicPopup.show({
title: 'Información View',
subTitle: '',
content: '<p>Nombre : '+view.nombre+'</p><p>Estado : '+view.estado+'</p><p>Fecha : '+view.fecha+'</p><img src='+view.img+'>',
buttons: [
{
text: 'Ok',
type: 'button-positive',
onTap: function(e) {
}
},
]
})
}
未定义仅接收数据而不理解原因。
**编辑**
我意识到如果数据到达,但是无法按顺序到达而不是我声明的那样。例如:
<ion-content class="map-container">
<map center="{{latitud}}, {{longitud}}" zoom="12" id="map_views" data-tap-disabled="true">
<div id="class" ng-repeat="marker in markers" data-tap-disabled="true">
<marker position="{{marker.latitud}}, {{marker.longitud}}" on-click="verInfo(marker.nombre,marker.fecha,marker.estado)" data-tap-disabled="true"/>
</div>
</map>
</ion-content>
输出:
kq {latLng: rf, gb: undefined, pixel: undefined, pa: undefined, stop: function} console-via-logger.js:173
Poste en mal estado console-via-logger.js:173
09/11/2013 a las 20:45
这是非常罕见的,我不知道,因为他们将会产生。
答案 0 :(得分:1)
您应该使用on-click
来使函数正常工作(没有插值指令{{}}
)。
<div id="class" data-tap-disabled="true" ng-repeat="view in views">
<marker position="{{view.latitud}}, {{view.longitud}}" on-click="verInfo(view)" data-tap-disabled="true"/>
</div>