Ich habe eine kleine Blog-App mit Angular Firebase erstellt, damit sich registrierte Benutzer anmelden und ein Blog mit Artikel und Titel veröffentlichen können. Ich möchte den Firebase-Speicher nutzen, damit der Benutzer Bilder zusammen mit dem Artikel und dem Titel hochladen und die mit dem Posten verbundenen Bilder (Funktion zum Speichern und Abrufen) in Echtzeit anzeigen kann.

Hier ist mein 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>

Hier ist mein Controller:

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

}
}])

Kann mir jemand helfen, wie man Firebase-Speicher implementiert? Danke im Voraus