Question

我正在尝试过滤类别为“床”的产品。我的products.json文件中有两种产品，一种产品的类别为“床”，另一种产品的类别为“衣柜”。但是，当仅显示过滤后的产品时，两种产品都将输出到页面。

下面的函数应该通过先运行正则表达式来过滤产品，该正则表达式会去除breadcrumb数组的第一个元素中“床”之后的所有内容，然后将其与设置为“床”。正则表达式似乎可以正常工作，所以我认为问题出在其他地方。

this.listFilter

过滤产品的功能：

       "categories": {
          "category": {
             "category_name": "Double Bed Frame",
             "breadcrumb": [
                "Beds > Bed Frames > 4ft6 Double Bed Frames",
                "Beds > Bed Frames > Metal Bed Frames > 4ft6 Double Metal Bed Frames"
             ]
          }
       },

相关代码在下面的stackblitz链接的子类别组件中：

https://stackblitz.com/edit/angular-htpmwq

导航到下面的链接当前显示两种具有不同类别的产品，只应显示一种。

https://angular-htpmwq.stackblitz.io/beds

Answer 1

2件事：

.replace()返回一个字符串，因此您可以将其与===

进行比较

最初，您从未调用过preformFilter，所以我将该调用添加到您的getProducts调用的订阅中。

https://stackblitz.com/edit/angular-7tynwf?file=src/app/subcategory/subcategory.component.ts

角度：根据类别过滤产品

1 个答案: