如何過濾 ng-zorro 表中的數組表？

Question

我是 Angular 的新用戶。

我有一個這樣的演示數組：

for (let index = 1; index <= 100; index++) {
  this.listOfData.push([
    `Name ${index}`,
    `Math.floor(Math.random() * 100)`,
    'Employee',
  ]);
}

我嘗試使用搜索 function 創建一個過濾表：

onSearch = (value) => {
  const output = this.listOfData.filter((arr) =>
    arr.some((item) => {
      item.toLowerCase().includes(value);
    })
  );
  console.log('output: ', output);
  this.listOfDisplayData = output;
};

這是我的演示

Answer 1

因此，基本上您的數據項是[[string,string,string],...]當您開始使用filter進行過濾時，您必須返回true才能包含它，返回false才能將其過濾掉。

這應該解決它

  onSearch = (value) => {
    const output = this.listOfData.filter((arr) =>
      arr.some((item) => {
        if (item.toLowerCase().includes(value)) {
          return true;
        } else {
          return false;
        }
      })
    );
    console.log('output: ', output);
    this.listOfDisplayData = output;
  }