title: How can I get image from Firebase Storage and display them in Angular 2 ngFor
body: <p>I'm trying to display image in *ngFor which I downloaded from Firebase Storage.</p>
  
  <p>I succeeded fetching image data from storage, but I don't know how to set image data in ngFor statement.</p>
  
  <p>Let me show you my code here.</p>
  
  <pre><code>&lt;ons-list-item class="list__item list__item--chevron" tappable *ngFor="let request of requests | async" (click)="pushToDetail(request)"&gt;
      &lt;ons-row&gt;
        &lt;ons-col width="20%"&gt;&lt;img [src]="userProfileImg"&gt;&lt;/ons-col&gt;
        &lt;ons-col style="padding-left:20px;"&gt;
          &lt;p class="name"&gt;&lt;i class="fa fa-venus fa-fw" aria hidden="true"&gt;&lt;/i&gt;{{request.nickName}}&lt;/p&gt;
        &lt;/ons-col&gt;
      &lt;/ons-row&gt;
  &lt;/ons-list-item&gt;
  </code></pre>
  
  <p>And this is the code to download image. I wrote this one in foreach when I subscribed FirebaseListObservable data. </p>
  
  <pre><code>getProfileImageUrl(userId: string) {
      const userStorageRef = firebase.storage().ref().child('images/users/' + userId + "_users.jpg");
      userStorageRef.getDownloadURL().then(url =&gt; {
        this.userProfileImg = url
      });
    }
  </code></pre>
  
  <p>Then I'd like you to teach me how to literate images from Firebase Storage. Any suggestions?</p>