Example code for Firebase with AngularJS to upload a image.

AngularFireUpload.js

    var refImg = new Firebase("https://YOURURL.firebaseio.com/images/" + $rootScope.authData.uid);
    var ImgObj = $firebaseObject(refImg);


    function saveimage(e1) {
        var filename = e1.target.files[0];
        var fr = new FileReader();
        fr.onload = function (res) {
            $scope.image = res.target.result;
            ImgObj.image = res.target.result;
            ImgObj.$save().then(function (val) {
            }, function (error) {
                console.log("ERROR", error);
            })
        };
        fr.readAsDataURL(filename);
    }

    document.getElementById("file-upload").addEventListener('change', saveimage, false);

    this.loadimage = function () {
        ImgObj.$loaded().then(function (obj) {
            $scope.profileImage = obj.image;
            console.log("loaded", $scope.profileImage);
            document.getElementById("profileImage").src = obj.image;
        }, function (error) {
            console.log("ERROR", error);
        });
    };
    this.loadimage();

index.html

<img id="profileImage" src="profileImage" style="max-width:200px; max-height:200px;">
<input type="file" accept="image/*" capture="camera" id="file-upload"> </div>

hi, i see you managed to do the profile page, im trying to achieve the same thing but the problem is that when i bind my $scope.displayName and $scope.id (authData.google) on my view it shows nothing no errors. how did you archieve this?