Estoy intentando descargar un archivo usando Angular 2 / TypeScript y Web API. El problema que tengo es que al descargar el archivo de texto, el archivo es un archivo, pero cuando intento descargar un archivo PDF, por ejemplo, está dañado. El contenido del archivo descargado no tiene sentido.

El TypeScript que estoy usando es el siguiente:

downloadFile(fileId: string): Observable<File> {
    this.applicationsUrl = `${APIConfig.BaseUrl}/documents/download/${fileId}/`;

    let headers = new Headers({ 'Content-Type': 'application/json', 'MyApp-Application' : 'AppName' });
    let options = new RequestOptions({ headers: headers });

    return this.http.post(this.applicationsUrl, '', options)
        .map(this.extractContent)
        .catch(this.handleError);
}

private extractContent(res: any) {
    let blob: Blob = new Blob([res._body], { type: 'application/pdf'});
    window['saveAs'](blob, 'test.pdf');
}

La ventana ['saveAs'] es solo una solución para acceder a las funciones de JavaScript FileSaver.js.

Además, configuré res: Response to res: any para poder acceder a la propiedad privada _body en JavaScript sin un error de compilación en TypeScript.

Cualquier ayuda sería muy apreciada.