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