Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

286
Vistas
How to use 'where' with AngularFire 7 new api?

I upgraded AngularFire to 7, and have a problem with using .where with collectionReference. So simply.. how to use it properly?

I tried to use 'collection' from '@angular/fire/firestore' like:

const ref = collection(this.firestore, 'collectionName');

but the ref has not 'where' or something.

I know that '@angular/fire/firestore' has also 'query' and 'where', but I don't know how to use it.

How to find documents in the collection using 'where' with a new API?

about 4 years ago · Juan Pablo Isaza
3 Respuestas
Responde la pregunta

0

AngularFire 7.0 is based on the new tree-shakable Firebase JS SDK v9, so you should do as follows (untested):

const ref = collection(this.firestore, 'collectionName');
const q = query(ref, where("...", "==", "..."));

See the doc here (tab "Web version 9").

about 4 years ago · Juan Pablo Isaza Denunciar

0

AngularFire has the Firebase JS SKD v9 syntax, using their own objects:

import {collection, collectionData, Firestore, query, where} from '@angular/fire/firestore';

export class FooClass {

  constructor(private firestore: Firestore){
    const ref = collection(firestore, 'collectionName');
    const q = query(ref, where('ids', 'array-contains', id));
    const res$ = collectionData(q);
  }

about 4 years ago · Juan Pablo Isaza Denunciar

0

I managed to figure this one out...

for single where statement use

const refq = query(ref,where('dir','==','T'))

for multiple where statements use

const wa:QueryConstraint[] = [where('dir','==','T'),where('day','==',23)]

const refq = query(ref,...wa)

to get the results use

collectionData(refq).subscribe()
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda