title: Download File in Angular 2 (Download Pop-up not coming)
body: <p>I have a view button and on click I am calling Web API to download the word document file.</p>
  
  <p>WebAPI is working fine, when I paste the download URL in browser (for example <a href="http://localhost:50963/api/Download/1022" rel="nofollow noreferrer">http://localhost:50963/api/Download/1022</a>), browser is showing a pop-up to save/cancel.
  <a href="https://i.stack.imgur.com/7AUDL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7AUDL.png" alt="enter image description here"></a></p>
  
  <p>I wanted to have the same behavior, i.e. <strong>when user click on View button, I need to show above download pop-up.</strong> API is getting called successfully, see below screenshot <a href="https://i.stack.imgur.com/gpwuO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gpwuO.png" alt="enter image description here"></a></p>
  
  <p><strong>download.service.ts</strong></p>
  
  <pre><code>export class DownloadService {
  
    constructor(private http: Http) {}
  
    private downloadUrl = 'http://localhost:50963/api/Download/';
  
    //Fetch all existing Templates
    DownloadDocument(Doc_Id: number){
        return this.http.get(this.downloadUrl + Doc_Id.toString())
    }
  }
  </code></pre>
  
  <p><strong>document-list.component.ts</strong></p>
  
  <pre><code>DownloadArticle(Doc: ArticleModel){
          console.log("inside downloadarticle()",Doc.Doc_Id);
           this.downloadservice.DownloadDocument(Doc.Doc_Id)
                             .subscribe(                               
                                  err =&gt; {                                    
                                      console.log(err);
                                  });
      }
  </code></pre>