Populate a table with no child nodes available

[HuvraM117]

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

     <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

• [X ] Chrome
• [ ] Firefox
• [ ] Safari 9
• [ ] Safari 8
• [ ] Safari 7
• [ ] Edge
• [ ] IE 11
• [ ] IE 10