Как получить изображение, хранящееся в хранилище FireBase в угловой

Question

Я загрузил изображение в хранилище firebase в angular7, но при получении изображения я получаю downloadURL в консоли, но изображение не отображается в HTML-файле.ПОМОГИТЕ !!! Я хочу показать изображение в footer.html

import { Routes } from '@angular/router';
import { Component, OnInit, Output, EventEmitter } from '@angular/core';
//import { AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database';
import { HttpClient } from 'selenium-webdriver/http';
import * as firebase from 'firebase/';
import { Content } from '@angular/compiler/src/render3/r3_ast';
import { Router } from '@angular/router';
import { AngularFireDatabase,FirebaseListObservable} from 'angularfire2/database';
import { AngularFireObject, AngularFireList } from 'angularfire2/database';
import {AngularFireStorage} from 'angularfire2/storage';



@Component({
  selector: 'app-footer',
  templateUrl: './footer.component.html',
})

export class FooterComponent implements OnInit {
  url1;
  @Output() url1 = new EventEmitter();
  //public featuredPhotoStream = FirebaseListObservable <FeaturedPhotosUrls>;
  constructor(public db: AngularFireStorage) { //constructor
    //this.featuredPhotoStream = this.db.object('/photos/featured');
    //firebase.storage().ref('/photos/featured/url1').getDownloadURL().then(url => console.log(url) ); 
    firebase.storage().ref('/photos/featured/url1').getDownloadURL().then(downloadURL => {
    const imageUrl = downloadURL;
    console.log('URL:' + imageUrl);
    this.url1 = imageUrl;
});


  }

  featuredPhotoSelected(event:any){
      const file: File = event.target.files[0];
      console.log('selected file is', file.name);
      const metadata = {'contentType':file.type};
      const storageRef: firebase.storage.Reference =  firebase.storage().ref('/photos/featured/url1');
      storageRef.put(file,metadata);
      //firebase.storage().ref('/photos/featured').getDownloadURL().then(url => console.log(url) );

      console.log("Uploading",file.name);
  }




}


I want to show the image in footer.html.The url is showing in the developer console but is not reaching the html file.