如何使用Ng2SearchPipeline库获取json过滤器，以便在Angular 8中导出excel文件？_Excel_Angular_Export

如何使用Ng2SearchPipeline库获取json过滤器，以便在Angular 8中导出excel文件？

excel angular

如何使用Ng2SearchPipeline库获取json过滤器，以便在Angular 8中导出excel文件？,excel,angular,export,Excel,Angular,Export,我正在尝试使用Xlsx库将json对象导出到excel，问题是当我使用Ng2Search库制作数据过滤器时，over view对我来说是可行的，但是当我想将过滤器数据导出到excel时，它会导出原始json而不是过滤器json，如何获取或处理筛选器变量以将其传递给export to excel函数在general.service.ts中： import * as XLSX from 'xlsx'; public EXPORTAR_EXCEL(json:any,nombre:any){

我正在尝试使用Xlsx库将json对象导出到excel，问题是当我使用Ng2Search库制作数据过滤器时，over view对我来说是可行的，但是当我想将过滤器数据导出到excel时，它会导出原始json而不是过滤器json，如何获取或处理筛选器变量以将其传递给export to 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">

谢谢大家!

Judlup.


<!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>

Angular v4-将过滤器应用到*Ng以使用管道
文件。写（“”）；
正文{字体系列：Verdana、Arial、Helvetica、无衬线；}
System.import（'main.js'）.catch（函数（err）{console.error（err）；}）；
加载。。。

您好，谢谢您的评论，但我不明白您的解决方案，您能给我举个例子吗？顺致敬意，

<!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>