Question

我有一个FAQ页面，可以读取Firebase节点并列出所有Q＆amp;使用以下代码行的内容：

<firebase-auth  id="fbLogin" provider="anonymous" location="https://XXX.firebaseio.com"></firebase-auth>

<firebase-collection orderByPriority log id="fbFAQ" location="https://XXX.firebaseio.com/faq" data="{{faqs}}"></firebase-collection>

 <template is="dom-repeat" items="[[faqs]]" as="faq">
    <div class="forBorder">
            <akyral-details id="[[faq.__firebaseKey__]]">
                 <akyral-summary>[[faq.q]]</akyral-summary>
                 <p class="answer">[[faq.a]]</p>
            </akyral-details>
    </div>  
</template>

我有一个从主页到常见问题解答页面的链接，点击后它完美无缺！但是，当我返回主页然后再次单击FAQ链接时，该页面不会呈现任何内容。但是，如果我刷新页面，那就好了。

要重新创建，请执行以下操作：

打开https://sizzling-fire-7471.firebaseapp.com/，然后点击底部的常见问题解答页面链接。你会看到Q＆amp; A
然后点击顶部的向左箭头返回主页
现在再次单击FAQ链接，您将看不到任何内容，但在控制台中您将看到它正在获取数据。此外，刷新页面也没关系

Answer 1

我打赌这是一场竞赛。 firebase-auth和firebase-collection同时触发，导致它在获得授权之前尝试获取该集合。尝试在firebase-collection中换行<template is="dom-if" if="{{fbUser}}">，以便在身份验证完成之前不会盖章。

Answer 2

此问题现已解决。这是由于firebase-collection中的一个错误。它固定在https://github.com/GoogleWebComponents/firebase-element/pull/42/files，很快就会合并。

使用Google Polymer Firebase元素显示来自Firebase的内容的问题

2 个答案: