Question

我有这个经过过滤的集合：

<BaseInput v-model="text" />

以我的方式不会向浏览器显示任何内容：

this.myForm.get('filterProduct').valueChanges.subscribe(
    value => {
        data.Stores.forEach(filtered => {
            console.log(filtered.Products.filter(val => value.slice(1) >= val['Price']))
            console.log(filtered);
        });
    });

我该如何解决？

Answer 1

在您的模板中，您尝试遍历过滤后的数组，而从代码示例来看，您似乎没有为该数组分配任何值。

Answer 2

在代码中进行以下更改

this.myForm.get('filterProduct').valueChanges.subscribe(
    value => {
      data.Stores.forEach(filtered => {
        //USE FOLLOWING LINE
        this.filtered = filtered.Products.filter(val => value.slice(1) >= val['Price']);
        this.priceFilter = this.filtered.products; //Add to price filter.
     .
     .
     .

不打印到浏览器范围元素

2 个答案: