Как получить фильтр json с библиотекой Ng2SearchPipeline для экспорта файла Excel в Angular 8? - PullRequest
Новая
       3

Как получить фильтр json с библиотекой Ng2SearchPipeline для экспорта файла Excel в Angular 8?

0 голосов
/ 22 января 2020

Я пытаюсь экспортировать json объект, чтобы преуспеть с библиотекой Xlsx, проблема в том, что я делаю фильтр данных с библиотекой Ng2Search, просматриваю, что это работает для меня, но когда я хочу экспортировать фильтр данные в Excel Экспортировать исходный json не более фильтра json, как я могу получить или обработать переменную фильтра для передачи ее в функцию экспорта в Excel?

в general.service.ts: 

import * as XLSX from 'xlsx';

public EXPORTAR_EXCEL(json:any,nombre:any){
    const ws: XLSX.WorkSheet=XLSX.utils.json_to_sheet(json);
    const wb: XLSX.WorkBook = XLSX.utils.book_new();
    XLSX.utils.book_append_sheet(wb, ws, 'All Data Export');

    /* save to file */
    XLSX.writeFile(wb, nombre+'.xlsx');
}

В html просмотр: 

<div class="input-group mb-3"> 
    <input type="text" [(ngModel)]="buscar" class="form-control" placeholder="Buscar" aria-label="Buscar">                    
</div>  

<div class="col-4" *ngFor="let p of productos | filter : buscar;let i = index">

В файле Ts: 

exportar($event)
{    
  this.generalService.EXPORTAR_EXCEL(this.productos,"Productos"+this.generalService.DATE_FORMAT(new Date()));
}

Спасибо!

Judlup.

1 Ответ

0 голосов
/ 22 января 2020 
<!DOCTYPE html>
<html>
  <head>
    <title>Angular v4 - Applying filters to *ngFor using pipes</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
      body {font-family:Verdana,Arial,Helvetica,sans-serif;}
    </style>
    <!-- Polyfills -->
    <script src="https://unpkg.com/core-js/client/shim.min.js"></script>
    <script src="https://unpkg.com/zone.js@0.8.4?main=browser"></script>
    <script src="https://unpkg.com/systemjs@0.19.39/dist/system.src.js"></script>
    <script src="systemjs.config.js"></script>
    <script>
      System.import('main.js').catch(function(err){ console.error(err); });
    </script>
  </head>
  <body>
    <my-app>Loading...</my-app>
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...