Edito: asi quedo mi codigo actual:
this.articulosFiltrado$ = combineLatest(
this.apiArticulo.getArticulos(),
this.nombreProducto.valueChanges.pipe(
startWith(''),
debounceTime(300)
),
this.categoriaSelect.valueChanges.pipe(
startWith(''),
debounceTime(300)
),
).pipe(
map(([list, name]) => {
let nameTerm: string = name.trim().toLowerCase();
const completeList: articulo[] = [...list.data];
let filteredByName: articulo[] = [];
filteredByName = completeList.filter(item => {
if (name === '') return true;
return item.NombreProducto.toLowerCase().includes(nameTerm);
}).concat()
let idC: number = this.categoriaSelect.value;
let filteredbyCategory: articulo[] = [];
filteredbyCategory = filteredByName.filter(item => {
return item.Id_categoria===idC;
}).concat()
return filteredbyCategory
}),
tap(res => {
this.productsDataSource.data = res;
})
)
Como veran filteredByCategory que es el filtro de categoria es el array resultante de filtrar el array completo por el nombre, osea es un filtro sobre otro filtro. Pero la tabla aparece vacia y debo seleccionar una categoria para filtrar por nombre.