Gérer la récupération des fichiers avec Angular4 peut être un vrai casse-tête : entre les problèmes de compatibilité lié au navigateur et l'API de service qui ne répond pas facilement à ce besoin, j'ai trouvé cette petite librairie bien pratique.

On l'appelle de cette manière :

import { Component } from '@angular/core';
import { ZipService} from '../services/ZipService';
import { saveAs as importedSaveAs } from "file-saver";

@Component({
  selector: 'zip-zip',
  templateUrl: './zip-component.html'
})
export class ZipComponent {

  private zipService: ZipService;

  constructor(zipService: ZipService) {
    this.zipService= zipService;
  }

  public getZipFile(): any {
    this.zipService.downloadZipFile().subscribe(
              (data: any) => {
                importedSaveAs(new Blob([data], {type: 'application/zip'}), 'filename.zip');
            },
            error => this.doSomething(),
            () => this.doSomething()
        );
  }

}