I’m having this strange error initially discuss the ng-repeat
did not work, then I realized that if it worked but the objects and their values were messy. I have no idea because it will be happening, not if it’s because I do within a map because I have held many times this tag and had not had this problem.
At first he used on-click
then change to ng-click
and this does not work, not even the event runs with “data-tap-disabled = true”
<map center="{{latitud}}, {{longitud}}" zoom="12" id="map_views" data-tap-disabled="true">
<div id="class" data-tap-disabled="true">
<marker ng-repeat="marker in markers" position="{{marker.latitud}}, {{marker.longitud}}" on-click="verInfo(marker.nombre,marker.fecha,marker.estado)" data-tap-disabled="true"/>
</div>
</map>
This is my array :
$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'
}
];
When I run the function verInfo()
I receive data but disordered, for example:
$scope.verInfo = function(nombre,fecha,estado){
console.log(nombre);
console.log(fecha);
console.log(estado);
$ionicPopup.show({
title: 'Información View',
subTitle: '',
content: '<p>Nombre : '+nombre+'</p><p>Estado : '+estado+'</p><p>Fecha : '+fecha+'</p>',
buttons: [
{ text: 'No',
onTap: function(e){
}
},
{
text: 'Ok',
type: 'button-positive',
onTap: function(e) {
}
},
]
})
}
Log :
Nombre : kq {latLng: rf, gb: undefined, pixel: undefined, pa: undefined, stop: function} console-via-logger.js:173
Fecha : Poste en mal estado console-via-logger.js:173
Estado : 09/11/2013 a las 20:45
I’m trying to create a full-featured codepen so they can verify everything, while I leave my block of code, I hope you can help me!
Thanks!