結合大寫和小寫搜索選項在 angular 中不起作用

Question

在我的應用程序中，我正在嘗試搜索組合詞，例如 Solar -> S is caps and others are small letters。 在這種情況下，我的搜索過濾器選項不起作用。 僅適用於小寫字母和大寫字母。 像ABCS和abcd 。 如何為搜索選項做大寫和小寫。

過濾器.pipe.ts：

return products.filter((items) => {
  return (
    items.product_name.toLowerCase().includes(searchText) ||
    items.product_content.toLowerCase().includes(searchText) ||
    items.product_name.toUpperCase().includes(searchText) ||
    items.product_content.toUpperCase().includes(searchText)
  );
});

演示： https://stackblitz.com/edit/angular-selvam-ecommerce-task-7uau9m?file=src%2Fapp%2Fpipes%2Ffilter.pipe.ts

Answer 1

return products.filter((items) => {
    return (
        items.product_name.toLowerCase().includes(searchText.toLowerCase()) ||
        items.product_content.toLowerCase().includes(searchText.toLowerCase())
    );
});