Skip to main content
se añadieron 32 caracteres en el cuerpo; etiquetas editadas
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

En el archivo data.service.ts tengo

import { Injectable } from '@angular/core';

// firebase
import { AngularFirestore } from '@angular/fire/firestore';


@Injectable({

 
  providedIn: 'root'
})
export class DataService {
  constructor(private firestore: AngularFirestore) { } 

  getData(){
    return this.firestore.collection('data').snapshotChanges();
  }
}

Y en el archivo.component.ts aqui quisiera aplicarle el filtrado,

export class SectionLunchComponent implements OnInit {

  public data = [];
  constructor(
    private DataApiService: DataApiService
  ) { }

  ngOnInit() {
    this.DataApiService.getData().subscribe((dataSnapshot) => {
      this.data = [];
      dataSnapshot.forEach((menuData: any)=> {
        this.data.push({
          data: menuData.payload.doc.data()
        })
      })
    })
  }

}

No entiendo muy bien como puedo hacerlo, he estado revisando información sobre pipe y hasta le aplique filter en el component.ts. Ademas use value en lugar de snapshot pero la gran diferencia es que uno me imprime en antalla y el otro no. help!!

En el archivo data.service.ts tengo

import { Injectable } from '@angular/core';

// firebase
import { AngularFirestore } from '@angular/fire/firestore';


@Injectable({

 
providedIn: 'root'

export class DataService {
constructor(private firestore: AngularFirestore) { }
getData(){
return this.firestore.collection('data').snapshotChanges();
}
}

Y en el archivo.component.ts aqui quisiera aplicarle el filtrado,

export class SectionLunchComponent implements OnInit {

  public data = [];
  constructor(
    private DataApiService: DataApiService
  ) { }

  ngOnInit() {
    this.DataApiService.getData().subscribe((dataSnapshot) => {
    this.data = [];
    dataSnapshot.forEach((menuData: any)=> {
    this.data.push({
      data: menuData.payload.doc.data()
    })
    })
    })
  }

}

No entiendo muy bien como puedo hacerlo, he estado revisando información sobre pipe y hasta le aplique filter en el component.ts. Ademas use value en lugar de snapshot pero la gran diferencia es que uno me imprime en antalla y el otro no. help!!

En el archivo data.service.ts tengo

import { Injectable } from '@angular/core';

// firebase
import { AngularFirestore } from '@angular/fire/firestore';


@Injectable({
  providedIn: 'root'
})
export class DataService {
  constructor(private firestore: AngularFirestore) { } 

  getData(){
    return this.firestore.collection('data').snapshotChanges();
  }
}

Y en el archivo.component.ts aqui quisiera aplicarle el filtrado,

export class SectionLunchComponent implements OnInit {

  public data = [];
  constructor(
    private DataApiService: DataApiService
  ) { }

  ngOnInit() {
    this.DataApiService.getData().subscribe((dataSnapshot) => {
      this.data = [];
      dataSnapshot.forEach((menuData: any)=> {
        this.data.push({
          data: menuData.payload.doc.data()
        })
      })
    })
  }

}

No entiendo muy bien como puedo hacerlo, he estado revisando información sobre pipe y hasta le aplique filter en el component.ts. Ademas use value en lugar de snapshot pero la gran diferencia es que uno me imprime en antalla y el otro no. help!!

Origen Enlace

Cómo puedo filtrar un array de objetos con angular

En el archivo data.service.ts tengo

import { Injectable } from '@angular/core';

// firebase
import { AngularFirestore } from '@angular/fire/firestore';


@Injectable({


providedIn: 'root'

export class DataService {
constructor(private firestore: AngularFirestore) { }
getData(){
return this.firestore.collection('data').snapshotChanges();
}
}

Y en el archivo.component.ts aqui quisiera aplicarle el filtrado,

export class SectionLunchComponent implements OnInit {

  public data = [];
  constructor(
    private DataApiService: DataApiService
  ) { }

  ngOnInit() {
    this.DataApiService.getData().subscribe((dataSnapshot) => {
    this.data = [];
    dataSnapshot.forEach((menuData: any)=> {
    this.data.push({
      data: menuData.payload.doc.data()
    })
    })
    })
  }

}

No entiendo muy bien como puedo hacerlo, he estado revisando información sobre pipe y hasta le aplique filter en el component.ts. Ademas use value en lugar de snapshot pero la gran diferencia es que uno me imprime en antalla y el otro no. help!!