Ng-repeat problem and values of objects in angularjs map


#1

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! :smile: