Массива из Firbease интерпретируется как объект в Polymer с РОМОМ повторе

Question

Я использую dom-repeat в Polymer для повторения массива, загруженный из Firebase, и я не могу понять, почему я получаю «ожидаемый массив для элементов, найденный объект» ошибка как показано на скриншоте ниже. Вот код, я использую:

<data-firebase data="{{cardsetList}}" requested-location="card-sets" user="{{user}}"></data-firebase> 

    <template is="dom-repeat" items="[[cardsetList]]"> 
     <paper-card image="../images/trip.png" alt="Donuts" class="amber" > 
      <div class="card-content">Test {{index}}</div> 
     </paper-card> 
    </template> 

вид браузера & консоль

данных firebase элемент я создал, который загружает данные из FB, как вы можно увидеть в консоли с успехом (массив из 2 объектов - это то, что я хочу загрузить

Пустой массив перед загрузкой Я проверил, есть ли некоторые данные массива в объекте, который у меня есть перед загрузкой, но, как вы также можете видеть на консоли, это просто пустой массив. Если я перестану загрузки данных из Firebase, нет также никакой ошибки

Значимое массив в Firebase Я также проверил данные в FB, он представлен в виде массива JSON (я могу видеть, что, когда я экспортировать данные, данные экспортируются в скобках массива [])

Проблема: данные загружается, но ошибка сохраняется Как это может быть, что дом повторение происходит (как вы можете видеть, что это оказывается), а также в консоль есть Array, но я все еще получаю эту ошибку?

Большое спасибо!

С наилучшими пожеланиями, Tim

Answer 1

Я понимаю, что нет поддержки массивов в firebase и массивы откладываются в качестве «объекта» с целыми числами как имена ключей.

// we send this 
['hello', 'world'] 
// Firebase stores this 
{0: 'hello', 1: 'world'} 

Смотрите здесь:

https://firebase.googleblog.com/2014/04/best-practices-arrays-in-firebase.html

Это выглядит именно то, что вы получаете обратно.

Answer 2

Я понял. В начале пользователь, кажется, не обеспечивает достаточно быстро fb-auth. Так как пользователь пуст, firebase пытается загрузить данные из того места, которое не существует, и тем самым создает объект.

Я добавил следующее расчетное связывание:

Функция

 hasContent: function(checkLength) { 
     return checkLength.length > 0 ? checkLength : []; 
    } 

И в HTML

<template is="dom-repeat" items="[[hasContent(cardsetList)]]" as="cardItemLoop"> 
    ... 
</template> 

Но Propably я должен думать, как предотвратить, что запросы/привязка данных выполняется без предоставления пользователю.

Кроме того, это, кажется, относится к firebase-document defaults to {} before resolving #33

Answer 3

Если это не так поздно, чтобы предотвратить запрос, удалить свой путь и позже, когда у вас есть объект аутентификации установить свой путь в JS. Таким образом, ваш запрос не будет иметь пути, а затем позже в вашем теге и в результате успешного обращения к вашему автору, вы установите путь, как показано ниже.

signInFb: function() { 
    this.$.auth.signInWithRedirect().then(function(response) { 
     this.$.yourQueryElementID.path = "your path here" ; 
    }.bind(this)).catch(function(error) { 

    }.bind(this)); 
    },