Блог

Я использую сторонний API, который взамен предоставляет вложенный объект JSON. Я конвертирую эти данные в CSV. Я использовал http-запрос get для получения данных. Данные хорошо выглядят в консоли, но не привязываются к HTML. Когда я загружаю CSV-файл, я вижу только объекты. Вместо этого я должен иметь возможность видеть значение этих объектов в загруженном файле. Файл CSV автоматически загружается, когда я перехожу в это меню. Я хочу, чтобы он загружался только при нажатии кнопки «Экспорт CSV». Кто-нибудь может мне с этим помочь? Спасибо.

 Array(10)
0: {_id: "611368f375aeaa23cce260fa", customer: {…}, transaction: {…}, serviceProvider: {…}, couponSurvey: {…}, …}
1: {_id: "6113685775aeaa23cce260f4", customer: {…}, transaction: {…}, serviceProvider: {…}, couponSurvey: {…}, …}
2: {_id: "611269c43d37b7199c620db7", customer: {…}, transaction: {…}, serviceProvider: {…}, couponSurvey: {…}, …}
3: {_id: "611269843d37b7199c620db2", customer: {…}, transaction: {…}, serviceProvider: {…}, couponSurvey: {…}, …}
4: {_id: "611268f63d37b7199c620dad", customer: {…}, transaction: {…}, serviceProvider: {…}, couponSurvey: {…}, …}
5: {_id: "611268c73d37b7199c620da8", customer: {…}, transaction: {…}, serviceProvider: {…}, couponSurvey: {…}, …}
6: {_id: "61125dc428ed930c0e05c3b1", customer: {…}, transaction: {…}, serviceProvider: {…}, couponSurvey: {…}, …}
7: {_id: "6112565c28ed930c0e05c3ac", customer: {…}, transaction: {…}, serviceProvider: {…}, couponSurvey: {…}, …}
8: {_id: "611254b75dcb9a5af3b3b1a5", customer: {…}, transaction: {…}, serviceProvider: {…}, couponSurvey: {…}, …}
9: {_id: "611254605dcb9a5af3b3b1a2", customer: {…}, transaction: {…}, serviceProvider: {…}, couponSurvey: {…}, …}
 

Данные выглядят так в консоли.

файл .ts

   loading = false;
  showTransactionValue = false;
  var: any;
  bucket: any[] = [];

this.api.fetchTableData('transfer/get-transactions', params, true).then((data) => {
      this.transID = '';
      this.loading = false;
      
      this.var = data.docs;
      this.page.rows = data.docs;
      this.page.count = data.total;
  
      this.results(data);  
      console.log(data.docs);
      
      Object.entries(this.var.matches).map( res => {
        this.bucket.push(this.var[1])
      });
     
      
    },
 

.html файл

 <div class="form-group">
<button class="btn btn-primary waves-effect btn-sm text-white" (click)="results()">Export CSV</button>
</div>
<div *ngFor="let item of bucket;">{{item?._id}}</div>