firebase - Firebase ストレージと angularfire2

Question

angular fire 2を使用してFireベースストレージから画像を取得する方法.どうもありがとう!

constructor(public af: AngularFire) {
this.items = af.database.list('/message');
this.picture = af.database.list('/profile');
}

Answer 1

現在、AngularFire2 および Firebase Storage との正式な統合はありません。ただし、通常の SDK を使用するのは非常に簡単です。

@Component({

})
class MyComponent {
  image: string;
  constructor() {
    const storageRef = firebase.storage().ref().child('path/image.png');
    storageRef.getDownloadURL().then(url => this.image = url);
  }
}

次に、テンプレートで

<img [src]="image" />