Angular：如何读取位于资产文件夹中的文本文件？答案

【问题标题】：Angular: How do I read a text file located in the assets folder?Angular：如何读取位于资产文件夹中的文本文件？
【发布时间】：2020-06-22 21:17:55
【问题描述】：

我正在尝试打开我的资产文件夹中的 .txt 文件。名称是“Maze1.txt”。我对这些东西有点陌生，所以我想知道是否有人可以帮助我从这个文件中读取文本。非常感谢。如果需要更多信息，请告诉我。 :)

【问题讨论】：

【解决方案1】：

您可以为此使用 HttpClient（将其导入并注入为 httpClient）。

this.httpClient.get('assets/Maze1.txt', {responseType: 'text'})
        .subscribe(data => console.log(data));

【讨论】：

我试过了，但即使在声明 http:Cannot read property 'get' of undefined 后我仍然收到此错误
您是否从模块中的“@angular/common/http”导入了 HttpClientModule，并从“@angular/common/http”导入了服务/组件中的 HttpClient。 ?查看文档：angular.io/guide/http
这是我在我的应用模块中添加的： import { HttpClientModule } from '@angular/common/http';我也把它放在导入数组中。对于我的组件，我在顶部添加了这个： import { HttpClient } from '@angular/common/http';还是不行
我还添加了 import { Observable, throwError } from 'rxjs';从 'rxjs/operators' 导入 { catchError, retry };

【解决方案2】：

没关系。我通过使用构造函数找到了一个可行的解决方案。对于任何寻找有效代码的人，请使用：

private httpClient: HttpClient;

  constructor(http: HttpClient) {
    this.httpClient = http;
  }

在函数中：我用过这个：

this.httpClient.get('assets/Maze1.txt', { responseType: 'text' })
      .subscribe(data => console.log(data));

【讨论】：