Angularfire2 - Retrieving all values in an object without referring the parent object's key?
<p><strong>I want every object under each date under an expense category, in the Firebase Database.</strong></p>

<p>In Firebase:</p>

<pre><code>- expenses
      - food
          - 07-11-2016 //"I want every object in here"
              + -KX7Aju4_G6i6pcNoBzj
</code></pre>

<p>In my view I've tried:</p>

<pre><code>       &lt;div *ngFor="let date of food | async"&gt;

          &lt;ion-item-divider sticky&gt;
            {{date.$key}}
          &lt;/ion-item-divider&gt;

          &lt;div *ngFor="let item of date"&gt; //This don't seem to work
            &lt;ion-item&gt;
              &lt;h3&gt;{{item.title}}&lt;/h3&gt;
              &lt;p&gt;
                {{item.amount}} Kr &amp;mdash;
                kl. {{item.time}}
              &lt;/p&gt;
            &lt;/ion-item&gt;
          &lt;/div&gt;

        &lt;/div&gt;
</code></pre>

<blockquote>
  <p>FIREBASE WARNING: Exception was thrown by user callback. Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.</p>
</blockquote>

<p>Clearly it gives me the date as an object, not an array.</p>

<p>I've also tried retrieving the values in JSON, but iterating the JSON object with *ngFor (with out the pipe async) also gives me a bunch of problems.</p>

<pre><code>  /* Returns a Firebase list object as a JSON object */
  getAsJSON(firebaseList: any){
    firebaseList
      .map(obj =&gt; obj.map(obj =&gt; {
        return obj;
      }));
  }
</code></pre>

<p>I'm trying to iterate the firebase list object "food".</p>

<pre><code>this.food = af.database.list('/expenses/food');
</code></pre>

<p>OR</p>

<pre><code>this.food_json = getAsJSON(this.food);
</code></pre>

<p>I've read and tried a bunch, but I can't seem to find the right solution.</p>