Angular DataTables：多个数据表的单个列过滤器不起作用

Question

使用 Angular 方式的 Angular DataTables，多个数据表过滤器不起作用，只有一个表起作用。

我有两个表和不同的 API 数据。我试图实现单个列过滤器。只有一个表在工作，第二个表无法进行过滤。任何建议请...

  ngAfterViewInit(): void {
    this.datatableElementList.forEach(datatableElement=>{
    this.dtTrigger1.subscribe(() => {
      this.datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {
        dtInstance.columns().every(function () {
          const that = this;
          $("input", this.footer()).on("keyup change", function () {
            if (that.search() !== this["value"]) {
              that.search(this["value"]).draw();
            }
          });
        });
      });
    });
    this.dtTrigger2.subscribe(() => {
      this.datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {
        dtInstance.columns().every(function () {
          const that = this;
          $("input", this.footer()).on("keyup change", function () {
            if (that.search() !== this["value"]) {
              that.search(this["value"]).draw();
            }
          });
        });
      });
    });
  });
  }

Stackblitz

Answer 1

我只快速查看您的代码，但如果您有多个表，则需要使用 ViewChildren（ViewChild 获取第一个表）。你需要在 ngAfterViewInit 中使用

@ViewChildren(DataTableDirective) datatableElementList: QueryList<DataTableDirective>;
ngAfterViewInit()
{
   this.datatableElementList.forEach(datatableElement=>{
           ..your code with each "datatableElement"...
   })
}