如何将 Angular 服务响应添加到 JSON 文件中答案

【问题标题】：How to add Angular service response into JSON file如何将 Angular 服务响应添加到 JSON 文件中
【发布时间】：2018-12-28 14:16:44
【问题描述】：

我正在使用 Angular5 服务处理一个巨大的数据集，所以我想调用一次后端 API 并将结果保存为 JSON。

我获取响应，然后根据需要存储到几个数组中，我正在研究如何将这些数组添加到 JSON 文件中。

getAllConcepts(){
   let allOrderUUID="b3dac224-fdea-11e4-b248-005056820298";
 this.allOrderableService.getAllOrderableConcepts(allOrderUUID).subscribe(allOrders=>{
    let allOrderable=allOrders;
    allOrderable.setMembers[0].setMembers.forEach(labSample=>{
      this.labSamples.push(labSample);
    });
    allOrderable.setMembers[1].setMembers.forEach(radOrder=>{
      this.radiologyOrder.push(radOrder);
    });
    this.separatePanelAndLabTestInlabSamples(this.labSamples);
    this.separatePanelAndOrderInRadiologyLab(this.radiologyOrder);    
  });
}

separatePanelAndLabTestInlabSamples(labSample:any){
  console.log("@receivedLabSample",labSample);
  if(labSample.length>0)
  {
    labSample[0].setMembers.forEach(response=>{
      if(response.conceptClass.uuid==="33a6291c-8a92-11e4-977f-0800271c1b75")
        {
          this.labSamplesTest.push(response);
        }
     if(response.conceptClass.uuid==="8d492026-c2cc-11de-8d13-0010c6dffd0f")
        {
          this.labSamplesPanel.push(response);
        }
  });
  console.log("LabTest",this.labSamplesTest);
  console.log("LabPanel",this.labSamplesPanel);
  }
}

我能够收到响应，在得到响应后我将它们存储到几个数组中，我很困惑如何将这些数组添加到 JSON 文件中以供将来使用。基本目的是减少调用到服务器。

我想将代码中存在的以下数组添加到 JSON 文件中。

我有所有的数组，我需要将它们转换成 JSON 文件。

【问题讨论】：

这不是客户端专用的功能，即使你可以通过变通方法来实现，但仍然不建议在客户端写入文件，否则，如果是HUGE响应，为什么您不只是在服务器端实现分页吗？
这只是一个需要一次的实用程序，一旦我将结果存储到json中，我会处理它。你确定它不可能在角度？
我没说不可能，可以用JS实现，但是出于安全考虑不推荐。 Localstorage 帮不上忙？
能否请您分享一个方法，我如何在 JS 中实现它，安全性对我来说不是大问题。
您将在应用程序运行期间继续使用该文件，或者您只是希望将响应数据存储在将被下载的文件中，仅此而已？

标签： angular

【解决方案1】：

据我所知，您无法以角度保存对文件的响应，因为您需要服务器端访问。

【讨论】：

【解决方案2】：

您可以查看 PouchDB。它是 CouchDB 的 javascript 版本。它是基于 noSQL 的（带有文档）。所以你可以做的是获取数据，将它们存储到（本地）pouchDB 实例中。然后从那时起，您只需调用 pouchdb。

【讨论】：