Como posso adicionar o Firebase Storage ao meu aplicativo da web?
Eu criei um pequeno aplicativo de blog usando firebase angular para que o usuário registrado possa fazer login e publicar um blog com artigo e título. Quero usar o armazenamento do firebase para que o usuário possa fazer upload de imagens junto com o artigo e o título, além de poder visualizar as imagens relacionadas à postagem (recurso de armazenamento e recuperação) em tempo real.
Aqui está o meu html:
<div flex-xs="100" flex-md="80" layout="row" layout-wrap >
<h3 flex="100">Create Post</h3>
<md-input-container flex="40" >
<label>Title</label>
<input ng-model="article.title" type="text" />
</md-input-container>
<md-input-container flex="100" >
<label>Article</label>
<textarea ng-model="article.post" ></textarea>
</md-input-container>
<md-button class="md-raised md-primary" ng-click="AddPost()" ng-disabled="!article.title || !article.post">Publish</md-button>
</div>
Aqui está o meu controlador:
.controller('AddPostCtrl', ['$scope','$firebase','$firebaseObject', '$firebaseArray', function($scope,$firebase,$firebaseObject,$firebaseArray) {
$scope.AddPost = function() {
var title = $scope.article.title;
var post = $scope.article.post;
var childRef = rootRef.child("Blog-One");
var list = $firebaseArray(childRef);
list.$add({
title: title,
post: post,
}).then(function(childRef) {
console.log(childRef);
}, function(error) {
console.log("Error:", error);
});
}
}])
Alguém pode me ajudar com como implementar o armazenamento do firebase, por favor? Desde já, obrigado.