Soy un nuevo usuario de angular y firebase. Solía usar AngularFireDatabase para obtener datos de la base de datos en tiempo real de firebase. Necesito leer los últimos datos actualizados en la base de datos. Utilicé el siguiente código para leerlo.

 items: Observable<any[]>; constructor(public db: AngularFireDatabase) { this.items = db.list('DistanceVariationForDiffUserMockDataInfo', ref => ref.orderByChild("distance").limitToLast(1)).valueChanges(); }

La estructura de mi base de datos

Necesito asignar la variable de distancia de la base de datos a otra variable en mi código. Cómo hacerlo. Por favor, dame un apoyo para hacer eso.

Necesito estar por debajo de la salida usando el valor de distancia. su valor de distancia es 5. Necesito obtener esa distancia de mi base de datos.

Ya encontré la distancia mínima y máxima a las celdas desde el punto 0. Necesito colorear las celdas relevantes al seleccionar una distancia. Distancia tomada de la base de datos de firebase.

 cells= [ { id: 1, minDistance: 0.0, maxDistance: 1.4142135623730951 }, { id: 2, minDistance: 1.0, maxDistance: 2.23606797749979 }, { id: 3, minDistance: 2.0, maxDistance: 3.1622776601683795 }, { id: 4, minDistance: 3.0, maxDistance: 4.123105625617661 }, { id: 5, minDistance: 4.0, maxDistance: 5.0990195135927845 }, { id: 6, minDistance: 5.0, maxDistance: 6.082762530298219 }, { id: 7, minDistance: 6.0, maxDistance: 7.0710678118654755 }, { id: 8, minDistance: 7.0, maxDistance: 8.06225774829855 }, { id: 9, minDistance: 8.0, maxDistance: 9.055385138137417 }, { id: 10, minDistance: 9.0, maxDistance: 10.04987562112089 },

Algunas celdas en mi código.

 getCellColor(cell){ if (this.distance >= cell.minDistance && this.distance <= cell.maxDistance && this.distance > 0 ) { return "red"; } else{ return "green"; }

}

Se utiliza para filtrar celdas después de dar distancia.