Javascript Angular 2-文件下载-没有任何后端帮助-可能吗?

Javascript Angular 2-文件下载-没有任何后端帮助-可能吗?,javascript,angular,typescript,filesaver.js,Javascript,Angular,Typescript,Filesaver.js,我正在玩Angular 2,尝试创建示例应用程序来展示我自己,我已经完成了几乎所有的事情。最后,我尝试实现下载选项。为此,我挖了这么多,我得到了 根据那个例子,我试图复制它,但后来知道HTTP\u提供者遭到了弃用。有人能告诉我目前可用的等效模块是什么吗。引导我开始 请分享任何工作物品以供参考 到目前为止,我已经做到了 import { Http, ResponseContentType } from '@angular/http'; export class AboutComponent imp

我正在玩Angular 2,尝试创建示例应用程序来展示我自己,我已经完成了几乎所有的事情。最后,我尝试实现下载选项。为此,我挖了这么多,我得到了

根据那个例子,我试图复制它,但后来知道HTTP\u提供者遭到了弃用。有人能告诉我目前可用的等效模块是什么吗。引导我开始

请分享任何工作物品以供参考

到目前为止,我已经做到了

import { Http, ResponseContentType } from '@angular/http';
export class AboutComponent implements OnInit {

  //constructor() { }
  constructor(private dataService: dataService,private http: Http){}
  about=[];
  private filePath = './coreMachineDetails/machine109902.docx' // docx in my local folder      
   ngOnInit(){
    //some codes
  }

  getFile(){
    return this.http.get(this.filePath,{
      responseType: ResponseContentType.Blob,     
    }).map(res =>{
          return {
        filename: 'machine109902.docx',
        data: res.blob()
      };
    }).subscribe(res => {
        console.log('start download:',res);
        var url = window.URL.createObjectURL(res.data);
        var a = document.createElement('a');
        document.body.appendChild(a);
        a.setAttribute('style', 'display: none');
        a.href = url;
        a.download = res.filename;
        a.click();
        window.URL.revokeObjectURL(url);
        a.remove(); // remove the element
      }, error => {
        console.log('download error:', JSON.stringify(error));
      }, () => {
        console.log('Completed file download.')
      });
  }
}
鉴于

<button class="btn waves-effect waves-light btn-primary custom-btn" (click)="getFile()"><i class="fa fa-file-pdf-o"></i> Download manuals</button>
下载手册

因为您正在引用本地的文件。该文件已被framework阻止。在中查看更多信息

现在正在尝试云服务。就像从那里下载文件一样,您面临的确切错误是什么?此外,如果可能,请在我的浏览器网络中共享您的
关于组件的
component.404模块文件。我';我检查了我的路线。这也是正确的。。关于代码就是我的“AboutComponent”中的内容。我的意思是,你的控制台日志中有什么。。毕竟您在代码中使用了这么多console.log。。那么日志上怎么说??