title: Angular 7 get images from firebase
body: <p>Trying to get image from firestorage, how can I add absolute path before <code>slide.path</code> or how can I check path and embed it in <code>this.slide</code> in component file</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;div class="media text-muted pt-3 pb-3 border-bottom" *ngFor="let slide of slides"&gt;
      &lt;img [src]="slide.path" class="bd-placeholder-img mr-2 rounded" width="100" height="100" /&gt;
      &lt;p class="media-body mb-0 small lh-125 border-gray"&gt;
          &lt;strong class="d-block text-gray-dark"&gt;{{ slide.name }}&lt;/strong&gt;
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>component</strong></p>
  
  <pre><code>this.serv.getSlides().subscribe( res =&gt; {
    this.slides = res.map(item =&gt; {
      return {
        id: item.payload.doc.id,
        ...item.payload.doc.data()
      } as Slides;
    });
    console.log(this.slides);
  });
  </code></pre>
  
  <p><strong>Firstore</strong></p>
  
  <p><a href="https://i.stack.imgur.com/9z5G7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9z5G7.png" alt="enter image description here"></a></p>
  
  <p><strong>FireStorage</strong>
  <a href="https://i.stack.imgur.com/PWGTw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PWGTw.png" alt="enter image description here"></a></p>