AngularFire 存储获取文件 url

Question

我对 AngularFire Storage 的 getDownloadURL() 方法有疑问。我无法在没有错误的情况下使用 then()。

这是我的代码：

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabase } from 'angularfire2/database';
import { AngularFireStorage } from 'angularfire2/storage';

import { GroupDetailsPage } from '../group-details/group-details';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

    constructor(public navCtrl: NavController, private afDB: AngularFireDatabase, private afStorage: AngularFireStorage) {


        let ref = this.afStorage.ref('test.jpg');
            ref.getDownloadURL().then(function(url){
                console.log( url );
            });

    }

}

这是我的错误：错误错误：未捕获（承诺）：类型错误：ref.getDownloadURL(...).then 不是函数

如果我不使用 then()，我会得到一个 PromiseObservable 作为响应。

你有想法了吗？

提前致谢，

Answer 1

只需使用

获取文件url

let ref = this.afStorage.ref('test.jpg');
this.url = ref.getDownloadURL();

并将其与模板文件中的 async 管道一起使用。

AngularFire 存储获取文件 url

AngularFire Storage get file url

firebase

angularfire

firebase-storage

angularfire2