Firebase для хранения и angularfire2

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

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

Ответы на вопрос(2)

В настоящее время нет официальной интеграции с 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" />
 Joe Sleiman20 апр. 2017 г., 09:39
если у меня есть имя папки «папка», например, включая 3 изображения, как я могу получить все изображения за один вызов? С уважением
 Lex Caraig27 июл. 2016 г., 09:31
используя объявление там, оно работает, но все равно выдает ошибку, что storageRef.getDownloadUrl не является функцией. это почему? Большое спасибо! Я действительно хочу понять, почему это происходит.
 Xerri07 янв. 2017 г., 18:29
Это все еще работает? Я пытаюсь использовать изображение в ionic2, но оно не работает, пока не произойдет смена страницы. 99%, потому что нет двухсторонней привязки.
 David East27 июл. 2016 г., 16:25
Извините, это опечатка с моей стороны, это на самом делеgetDownloadURL неgetDownloadUrl, Я обновил ответ.
 Lex Caraig26 июл. 2016 г., 19:36
Здравствуйте, я не могу просто импортировать firebase, например "import * as firebase из 'firebase"; это выдает мне ошибку, как будто не могу найти модуль. Спасибо!
 Lex Caraig28 июл. 2016 г., 03:36
Это действительно работает, но я хочу получить все изображения. Я пытаюсь перебрать путь как ('profile /' + counter + '.jpg'); Но я думаю, что это не правильный путь? Спасибо!
 Joe Sleiman20 апр. 2017 г., 10:10
while (this.i <= 3) {const storageRef = firebase.storage (). ref (). child ('home-slider-images / slide' + this.i + '.jpg'); storageRef.getDownloadURL (). then (url => this.images.push (url)); this.i = this.i + 1; } Я делаю это, но я не это, это правильно
 Rob Gorman27 июл. 2016 г., 01:57
Видеть это}(stackoverflow.com/questions/38310842/...) вопрос, как получить объект Firebase

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

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);
  }
}
 Newbiiiie20 июл. 2018 г., 17:56
@JoeSleiman вы нашли решение?
 Joe Sleiman20 апр. 2017 г., 09:39
если у меня есть имя папки «папка», например, включая 3 изображения, как я могу получить все изображения за один вызов? С уважением

Ваш ответ на вопрос