I am encountering an issue with my filtered collection:
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);
});
});
I am trying to display the data in my browser using the following code:
<ul>
<li *ngFor="let product of filtered">
<img src={{product.ProductImage}}>
<p>Product Price: {{ product.Price }}</p>
<p>Product Title: {{ product.ProductTitle }}</p>
</li>
</ul>
However, nothing is being printed to the browser. How can I resolve this issue?