ng-repeat和对象的值

时间:2015-04-28 18:06:00

标签: angularjs ionic-framework

我对这些标签有疑问。

我对某些信息进行了安排,包括地图中此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

这是非常罕见的,我不知道,因为他们将会产生。

1 个答案:

答案 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>