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" />
если у меня есть имя папки «папка», например, включая 3 изображения, как я могу получить все изображения за один вызов? С уважением
используя объявление там, оно работает, но все равно выдает ошибку, что storageRef.getDownloadUrl не является функцией. это почему? Большое спасибо! Я действительно хочу понять, почему это происходит.
Это все еще работает? Я пытаюсь использовать изображение в ionic2, но оно не работает, пока не произойдет смена страницы. 99%, потому что нет двухсторонней привязки.
Извините, это опечатка с моей стороны, это на самом деле
getDownloadURL неgetDownloadUrl, Я обновил ответ.Здравствуйте, я не могу просто импортировать firebase, например "import * as firebase из 'firebase"; это выдает мне ошибку, как будто не могу найти модуль. Спасибо!
Это действительно работает, но я хочу получить все изображения. Я пытаюсь перебрать путь как ('profile /' + counter + '.jpg'); Но я думаю, что это не правильный путь? Спасибо!
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; } Я делаю это, но я не это, это правильно
Видеть это}(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);
}
}
@JoeSleiman вы нашли решение?
если у меня есть имя папки «папка», например, включая 3 изображения, как я могу получить все изображения за один вызов? С уважением