Firebase ノードを読み取り、以下のコード行を使用してすべての Q & A コンテンツを一覧表示する FAQ ページがあります。
<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ページへのリンクがあり、クリックすると完璧に機能します! しかし、メイン ページに戻って再度 FAQ リンクをクリックすると、ページは何もレンダリングしません。しかし、ページを更新すると問題ありません。
再作成するには、次の手順を実行します。
- https://sizzling-fire-7471.firebaseapp.com/を開き、下部にある FAQ ページのリンクをクリックします。Q&Aの一覧が表示されます
- 次に、上部の左矢印をクリックしてメインページに戻ります
- ここで FAQ リンクをもう一度クリックすると、何も表示されませんが、コンソールにデータが取得されていることが表示されます。また、ページを更新すると問題ありません