簡體   English   中英

如何在Angular.js服務中使用Parse JS SDK? $ scope未更新

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

首先對不起我的英語
我的任務是創建一個當前的工作報告頁面,所以我已經創建了一個函數getWeek()來獲取每月的當前星期,並且必須存儲用戶輸入到Parse數據庫中。我的問題是我正在從Parse JS SDK中獲取數據並存儲在$ scope變量中,但是$ scope沒有更新,所以請幫助我.....下面是我的代碼

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

我認為您想做更多類似的事情:

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

當前,您正在將Reports.getData()返回的Promise對象分配給$ scope.week,而不是傳遞給then的成功回調函數傳遞的參數。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM