Хранение пожарной базы и angularfire2

Question

Как получить изображения из хранилища базы огня с использованием углового огня 2. Большое спасибо!

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" /> 

Answer 2

Поскольку вы используете AngularFire2, это хорошая идея, чтобы получить доступ к firebaseApp (firebase экземпляра) внутри модуля AngularFire2. Вот оригинал solution.

import { Component, Inject } from '@angular/core'; 
import { FirebaseApp } from 'angularfire2'; 

@Component({ 
    template: '<p>testing</p>' 
}) 
export class AnyComponent { 

    constructor(@Inject(FirebaseApp) firebaseApp: any) { 
    const storageRef = firebaseApp.storage().ref().child('images/image.png'); 
    storageRef.getDownloadURL().then(url => this.image = url); 
    } 
}