typescript 如何从Angular 应用程序读取和写入本地文件

um6iljoc 于 2022-12-14 发布在 TypeScript

关注(0)|答案(2)|浏览(232)

我正在构建一个Angular 7 Web应用程序，我正试图为用户整合完成调查和提交结果的功能。在我能够建立一个数据库来存储信息之前，我想将结果存储在一个本地JSON文件中。然而，我在不使用Node.js 'fs'模块的情况下无法找到追加到现有本地文件的方法（我已经读到这个功能不能与Angular 6-7一起使用）。
我没有办法做到这一点吗？我知道这不是最好的方法，我计划在我启动并运行应用程序后将服务器端和数据库功能合并。

typescript

来源：https://stackoverflow.com/questions/54562812/how-to-read-and-write-from-angular-app-to-local-file

2条答案

按热度按时间

xuo3flqw1#

您可以使用fileSaver。
请尝试以下操作

npm install file-saver --save

然后在项目中添加一个声明文件，如“declarations.d.ts”，并在其中放入

declare module 'file-saver';

在systemjs.config.js中，将以下内容添加到Map部分

'file-saver': 'npm:file-saver/FileSaver.js'

然后将库导入组件或服务，如下所示

import { Component } from '@angular/core';
import * as saveAs from 'file-saver';

@Component({
  selector: 'my-app',
  template: `<h1>Hello {{name}}</h1>
  <button (click)="SaveDemo()">Save File</button>`,
})
export class AppComponent {
  name = 'Angular';

  SaveDemo() {
    let file = new Blob(['hello world'], { type: 'text/csv;charset=utf-8' });
    saveAs(file, 'helloworld.csv')
  }
}

希望能有所帮助。

赞(0）回复(0）举报 2022-12-14

e1xvtsh32#

Angular仅适用于客户端。您不能将文件保存到服务器端

赞(0）回复(0）举报 2022-12-14