¿Cómo puedo obtener la ruta de la imagen de Firebase, obtener la imagen del almacenamiento de Firebase y mostrarla?

Mohamed

Estoy tratando de;

  1. obtener la ruta de la imagen de la base de datos de base de fuego
  2. obtener la imagen del almacenamiento de base de fuego
  3. muestra esta imagen

Yo uso Angular2 / Angularfire2

Aquí está mi código actual;

 this.products = af.database.list('products/')
    this.products.subscribe((data: any) => {
        data.forEach(item => {
          firebase.storage().ref().child('products/' + item.img)
            .getDownloadURL()
            .then(url => {
              item.image = url;
            });
        })
      }
    )

Aquí está mi plantilla;

<ion-card *ngFor="let item of products |async" text-center
      [ngStyle]="item.image ? {'background': 'url(' + (item?.image) + ')'} : {}">

Puedo obtener la ruta y obtener la URL de descarga.

Sin embargo, no puedo demostrarlo.

¡Cualquier ayuda sería genial!

Mohamed

Logré una solución temporal agregando una matriz adicional y mostrándola. Cualquier solución sigue siendo bienvenida.

this.productss = []

this.products = af.database.list('/products')
this.products.subscribe((data: any) => {
    data.forEach(item => {
      firebase.storage().ref().child('products/' + item.img)
        .getDownloadURL()
        .then(url => {
          item.image = url;
          this.productss.push(item)
        });
    })
  }
)

Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.

En caso de infracción, por favor [email protected] Eliminar

Editado en
0

Déjame decir algunas palabras

0Comentarios
Iniciar sesiónRevisión de participación posterior

Artículos relacionados

TOP Lista

CalienteEtiquetas

Archivo