我的$ firebase $加载承诺在服务中出了什么问题?

时间:2015-04-20 09:53:40

标签: angularjs firebase loaded

我正在学习AngularJS和Firebase并使用AngularFire 0.8.2(我知道的老)。 我想要一个函数(getAccount)从firebase返回一个与initAccount相同的数组。 firebase URL工作但我不知道如何使函数返回数组。任何帮助将不胜感激:)

app.service('DataService', function(FURL, $firebase) {

var ref = new Firebase(FURL);

//initial account array to load
this.account = [
  {'info':'Sig1'},
  {'info':'Sig2'},
  {'info':'Sig3'}
];

this.getAccount = function(user) {
    var uid = user.uid;
    var dir = 'profile/' + uid + '/account';

    var accountSigs = $firebase(ref.child(dir)).$asArray().$loaded().then(function(response) {

      //show response returns [[object Object],[object Object],[object Object]] with correct data as it should.
      console.log('show response: [' + response + ']');

      return response;
    });

    // this returns [[object Object]] but I don't know why
    console.log('show accountSigs: [' + accountSigs + ']');

    return accountSigs;
};

});

1 个答案:

答案 0 :(得分:5)

您可以使用$q服务让您的函数返回承诺。 这是你的代码

app.service('DataService', function (FURL, $firebase, $q) {

    var ref = new Firebase(FURL);

    //initial account array to load
    this.account = [
        {'info': 'Sig1'},
        {'info': 'Sig2'},
        {'info': 'Sig3'}
    ];

    this.getAccount = function (user) {
        var uid = user.uid;
        var dir = 'profile/' + uid + '/account';
        var defered = $q.defer();

        var accountSigs = $firebase(ref.child(dir)).$asArray().$loaded().then(function (response) {
            console.log('show response: [' + response + ']');
            defered.resolve(response);
        });

        return defered.promise;
    };
});

要使用它,只需调用您的函数,然后使用then()方法操作数据。

app.controller('MyController', function(DataService) {
    DataService.getAccount().then(function (data) {

        //Data will contain what is passed as parameter to defered.resolve()
        console.log(data); 
    });
});