No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Tablas con filtros y debounce

22/24
Recursos

Aportes 5

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Mi solución al reto:

// data-source.ts

  find(query: string) {
    const newProducts = this.originalData.filter(item =>
      item.title.toLowerCase().includes(query.toLowerCase())
      || item.id == query
      || item.price === Number(query)
      )
    this.data.next(newProducts);
  }

Encontré este articulo donde explican el manejo de sort y paginator:

https://sreyaj.dev/implement-custom-data-source-sorting-angular

Mi solución al reto 😃:

const newProducts = this.originalData.filter((element) => {
    return element.title.toLowerCase().includes(query.toLowerCase()) || element.id.toString().includes(query) || element.price.toString().includes(query);
}) 
```js find(query: string){ const newProducts = this.originalData.filter( (item) => item.title.toLowerCase().includes(query.toLowerCase()) || item.id.toString().includes(query) || item.price.toString().includes(query) ); } ```

Mi solucion al reto fue :

const newProducts=this.originalData.filter(element=>element.description.toLowerCase().includes(query.toLocaleLowerCase())|| element.price.toString()===query);

en la interface product defini number como number al igualarlo con query que es de tipo string causaba error ,con toString lo transformo y funciona correctamente