Я создал небольшое приложение для блогов, использующее угловую пожарную базу, чтобы зарегистрированный пользователь мог войти в систему и опубликовать блог со статьей и названием. Я хочу использовать хранилище Firebase, чтобы пользователь мог загружать изображения вместе со статьей и заголовком, а пользователь также мог просматривать изображения, связанные с публикацией (функция сохранения и получения) в режиме реального времени.

Вот мой 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>

Вот мой контроллер:

.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);
    });

}
}])

Кто-нибудь может мне помочь, как реализовать хранилище Firebase, пожалуйста? Заранее спасибо.