How to use Parse JS SDK in Angular.js services? $scope is not updating

Question

First of all sorry for my English
My Task is to create a current work reporting page so i had create a function getWeek() to get current week of month and I have to be stored user enter to Parse database My Problem is I'm Fetching data from Parse JS SDK and storing in $scope variable but $scope is not updating so please help me..... below is my code

angular.module('workReport', ["xeditable"])
    .run(function(editableOptions) {
        editableOptions.theme = 'bs3'; // bootstrap3 theme. Can be also 'bs2', 'default'
    })
    .factory('Reports', function($q) {
        return {
            getData: function() {
                var defered = $q.defer();
                var data = getWeek();


                var query = new Parse.Query('workReport');

                query.find({
                    success: function(results) {
                        console.log("Successfully retrieved " + results.length + " scores.");

                        // Do something with the returned Parse.Object values
                        for (var i = 0; i < results.length; i++) {
                            var object = results[i];
                            for (var j = 0; j < data.length; j++) {
                                if (data[j].date.getTime() == object.get('date')) {
                                    data[j].activity = object.get('activity');
                                    data[j].mrngSession = object.get('mrngSession');
                                    data[j].afterSession = object.get('afterSession');
                                    data[j].completed = object.get('completed');
                                }
                            }
                        }

                        defered.resolve(data);
                    },
                    error: function(error) {
                        alert("Error: " + error.code + " " + error.message);
                    }
                });
                console.log(defered.promise)
                return defered.promise;
            }
        }
    })
    .controller('WeekReportCtrl', function($scope, Reports) {
        $scope.week = Reports.getData().then(function(r) {
          return r;
        }, function(r) { alert('Failed ' + r) })


    });

function getWeek() {
    var d = new Date
    d = d.toString().split(" ");
    var day = d[0];

    switch (day) {
        case 'Mon':
            return weeks(1, 1, 5);
            break;
        case 'Tue':
            return weeks(2, -1, 4);
            break;
        case 'Wed':
            return weeks(3, -2, 2);
            break;
        case 'Thu':
            return weeks(4, -3, 1);
            break;
        case 'Fri':
            return weeks(5, -4, 0);
            break;
        default:
            console.log('Nothing');
            break;
    }

    function weeks(d, s, e) {
        var week = [];
        for (var i = s; i <= e; i++) {
            var j = new Date;
            j.setHours(0, 0, 0, 0)
            var today = false
            if (i == 0) {
                today = true
            }
            j.setDate(j.getDate() + i);
            week.push({
                date: j,
                activity: "",
                mrngSession: "",
                afterSession: "",
                completed: 0,
                today: today
            });
        };
        return week;
    }
}

Answer 1

I think you want to be doing something more like:

Reports.getData().then(function(r) {
      $scope.week = r;
}

Currently you're assigning the promise object returned by Reports.getData() to $scope.week, rather than the argument passed to then's success callback function, which is what you want.