como puedo lograr usar un pipe en angular con varios select o mat-select. Product, es una lista de productos , pero tienen categorías , por ejemplo, calzados, zapatos , etc.
<select>
<option *ngFor="let item of product | filter:'calzados'" [value]="item.id" >
{{item.name}}
</option>
</select>
<select>
<option *ngFor="let item of product | filter:'zapatos'" [value]="item.id">
{{item.name}}
</option>
</select>
Tengo un pipe echo pero no me funciono, no me muestra por separado las categorías , solamente me muestra la primera que es calzado , no se que estoy haciendo mal.
let product= value.filter((category) => {
if(category.name.some('calzado')){
return true
}else if(category.name.some('zapatos')){
return true
})
return product