如何使用Angular typescript中存储在本地机器上的csv文件的数据创建变量？

// 导入所需的模块
import { Component } from '@angular/core';

@Component({
  selector: 'app-csv-reader',
  templateUrl: './csv-reader.component.html',
  styleUrls: ['./csv-reader.component.css']
})
export class CsvReaderComponent {
  csvData: any[] = []; // 存储CSV数据的变量

  // 读取CSV文件的方法
  readCsvFile(fileInput: any) {
    const file = fileInput.target.files[0];
    const reader: FileReader = new FileReader();

    reader.onload = (e: any) => {
      const csv: string = e.target.result;
      const allTextLines = csv.split(/\r\n|\n/);
      const headers = allTextLines[0].split(',');

      for (let i = 1; i < allTextLines.length; i++) {
        const data = allTextLines[i].split(',');
        if (data.length === headers.length) {
          const csvRecord: any = {};

          for (let j = 0; j < headers.length; j++) {
            csvRecord[headers[j]] = data[j];
          }

          this.csvData.push(csvRecord);
        }
      }
    };

    reader.readAsText(file);
  }
}

<input type="file" (change)="readCsvFile($event)" accept=".csv">
<button (click)="processCsvData()">处理CSV数据</button>