Showing Observable<any[ ]> return type within HTML
<p>New to Angular 2 so maybe a bit basic.</p>

<p>I have a Service function getMedia which is an Observable of type any[] returns this information to the component upon subscription:</p>

<p><a href="https://i.stack.imgur.com/MX2uw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MX2uw.png" alt=" getMedia return data"></a></p>

<p>Essentially, this is an Array of Objects so in my components I wrote this:</p>

<pre><code>export class RecommendationFeedComponent implements OnInit {

  result:Array&lt;Object&gt;=[];

  constructor(private feedService: FeedService, private authService: AuthService,
              private auth: FirebaseAuth, public af: AngularFire) { }

  ngOnInit() {
    this.af.auth.subscribe(
        (user) =&gt; {
            if (user) {
              this.feedService.getMedia(user.auth.email)
                  .subscribe(result =&gt; this.result = result);
              console.log(this.result);
            }
    })

  }
</code></pre>

<p>The console returns empty so I am not sure how I can use this to display the data on HTML. </p>

<p>Changed component and template:</p>

<pre><code>import { Component, OnInit } from '@angular/core';
import {FeedService} from "../shared/model/feed.service";
import {RestaurantMedia} from "../shared/model/restaurantMedia";
import {Observable} from "rxjs/Rx";
import {ActivatedRoute, Router} from "@angular/router";
import {AuthService} from "../shared/security/auth.service";
import {FirebaseAuth, AngularFire} from "angularfire2/index";


@Component({
  selector: 'recommendation-feed',
  templateUrl: './recommendation-feed.component.html',
  styleUrls: ['./recommendation-feed.component.css']
})
export class RecommendationFeedComponent implements OnInit {
  //Medias = [];
  //RestaurantMedias$: Observable&lt;any[]&gt;;
  result:Array&lt;Object&gt;=[];


  constructor(private feedService: FeedService, private authService: AuthService,
              private auth: FirebaseAuth, public af: AngularFire) { }

  ngOnInit() {

        this.af
        .auth
        .flatMap(user =&gt; this.feedService.getMedia(user.auth.email))
        .subscribe(result =&gt; {
               this.result = result;
            //  console.log(this.result);
            })



  }

}
</code></pre>

<p>// HTML template code below this</p>

<pre><code>&lt;tr class *ngFor="let media of (result)"&gt;
   &lt;td&gt;
     &lt;img src={{media.data.images.standard_resolution.url}} height="100" width="100"&gt;
  &lt;/td&gt;
&lt;/tr&gt;
</code></pre>