Чтение / запись из / в локальные файлы, расположенные как часть проекта Angular, через код typeScript [в angular component.ts] - возможно ли это и как?

Question

У меня есть приложение Angular (версия 4+). В моем проекте у меня есть папка с txt-файлом, а рядом с ней есть папка с угловым файлом component.ts, как показано ниже:

FolderWithFile
-----file.txt
ComponentFolder
-----person.component.ts
-----person.component.html
-----person.component.scss

Из файла component.ts я хочу читать / писать в упомянутый файл file.txt.

Я не уверен, возможно ли вообще записывать / читать из / в файл из машинописного кода, который компилируется в файл js и запускается в браузере.

Если я ошибаюсь, я был бы рад услышать об эффективном способе сделать это. Может, какую-нибудь трубку я бы мог использовать. Спасибо!

Answer 1

Попробуйте прочитать файл, используя FileReader API. Ниже код может быть полезен. Попробуйте импортировать файл, и если он не работает, вы всегда можете сделать AJAX-запрос на выборку нужного файла.

Надеюсь, это поможет.

function readFile(file) {
  var reader = new FileReader();
  reader.onload = function(event) {
    // The file's text will be printed here
    console.log(event.target.result)
  };

  reader.readAsText(file);
}