获取JS中一个键的子项的子项的值

时间:2017-12-02 21:01:52

标签: javascript firebase firebase-realtime-database vue.js

我们正在将Firebase和vue.js用于网络应用。网络应用程序应该检索照片'网址(可以是任意数量的照片),以及它们的描述和位置。

我们设法检索照片'网址,他们的描述,但不是他们的位置。

数据库结构如下:

enter image description here

JS:

db.ref('photos/' + owneruid + '/trips/' + tripuid).once('value').then(snap => {
 var photos = snap.val()
 for (var key in photos) {
     console.log(key)
     this.photos.push(photos[key])
 }
 this.photosDataIsReady = true

HTML:

<li v-for="photo in photos" v-if="photosDataIsReady === true">
    <img v-bind:src="photo.photourl" />
    <span class="photo-desc">{{photo.desc}}</span>

    {{photo.location.coord}}

</li>

这是控制台输出:

enter image description here

所以基本上它只检索第一张照片的gps坐标,但不检索其他照片的gps坐标。

编辑:实际上问题来自于一些照片没有设置任何位置的事实。孩子的位置&#34;不存在:

enter image description here

那么我们如何循环遍历位置,并忽略它何时不存在以便循环仍然继续?

0 个答案:

没有答案