Загрузка BLOB по нажатию кнопки становится неудачной в угловом

Question

Я пытаюсь скачать вложение.Я получил BLOB, но проблема здесь в том, что если я получаю fileURL при загрузке формы, то я могу скачать.Если я получу fileURL при нажатии кнопки, я не смогу загрузить.

Может кто-нибудь помочь мне с этим

component.ts

onDownload() { 
    this.apiService.downloadFiles('test.txt')
    .subscribe((response : any)=> {    
      this.fileUrl = this.sanitizer.bypassSecurityTrustResourceUrl(window.URL.createObjectURL(response.body));
    })
}

component.html

   <div class="row">
            <div  class="list-group">
              <div class="list-group-item" *ngFor="let file of Files;let i=index">
                {{file}}
                <a  href = "fileUrl" #download [download]="file" (click)="onDownload(file)">
                  <span class="btn glyphicon glyphicon-download-alt ></span>
                </a>
              </div>
            </div>            
    </div>