如何从Firebase获取图像路径，从firebase存储中获取图像并显示它？

Question

我正在努力;

1. 从firebase数据库获取图像路径
2. 从firebase存储中获取图像
3. 显示此图片

我使用Angular2 / Angularfire2

这是我目前的代码;

 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;
            });
        })
      }
    )

这是我的模板;

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

我能够获得路径，并获得下载URL。

但是我无法展示它。

任何帮助都会很棒！

Answer 1

我通过添加额外的数组并显示它来完成临时解决方案。任何解决方案仍然受欢迎。

while (exit == 0) {
    scanf("%s", input);

    if (strcmp(input, "parent") == 0) {
        free(input);
        ptemp = malloc(sizeof(node_p));

        printf("Id: ");
        scanf("%d", &ptemp->itemid);
        printf("\nElement:");
        scanf("%s", ptemp->element);

        add_parent_node(parent, ptemp->itemid, ptemp->element);

        free(ptemp);
    }
}