¿Cómo puedo agregar Firebase Storage a mi aplicación web?
He creado una pequeña aplicación de blog usando angular firebase para que el usuario registrado pueda iniciar sesión y publicar un blog con artículo y título. Quiero utilizar el almacenamiento de Firebase para que el usuario pueda cargar imágenes junto con el artículo y el título, y el usuario también puede ver las imágenes relacionadas con la publicación (función de almacenamiento y recuperación) en tiempo real.
Aquí está mi 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>
Aquí está mi 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);
});
}
}])
¿Alguien puede ayudarme a implementar Firebase Storage, por favor? Gracias por adelantado.