How can I get image from Firebase Storage and display them in Angular 2 ngFor
<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>