search

FirebaseExtended / polymerfire

Polymer Web Components for Firebase
https://www.webcomponents.org/element/firebase/polymerfire
MIT License
459 stars 142 forks source link

Populate a table with no child nodes available #354

Open HuvraM117 opened 6 years ago

HuvraM117 commented 6 years ago

Description

Trying to make a table using dom-repeat and there is no depth in the firebase database. My database looks like so: Types: User: 
     $key: data

Problem is I want to get that "data" information populated in the table, not the firebase generated $key. Does anyone know how to do that?

Expected outcome

If this is the data: ...$key: Unicorn ...$key: Panda ... $key: Bear

Then the table should have the following as it's contents: Type: Unicorn Type: Panda Type: Bear

Actual outcome

Type: -LIT_K5HE_lHyyj08fw5 Type: -LIT_L2vRyd8uXOP5eTz Type: -LJ0QHOTfwNIYUwSVsvb Type: -LJ0QIELSpGKB6XYTJzg

Code

<firebase-query id="types" path="/ReportTypes/[[user.displayName]]" data="{{data}}"> 

     <ul id="notes">
       <template is="dom-repeat" items="[[data]]">
         <li>
           <div class="content"> Type: [[item]]</div>
           <paper-button id="remove" data="[[item]]" on-click="remove">Remove</paper-button>
         </li>
       </template>
     </ul>

Browsers Affected