angularjs - 我在服务中的 $firebase $loaded 承诺有什么问题？

Question

我正在学习 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;
};

});

Answer 1

您可以使用$qservice 使您的函数返回一个承诺。这是你的代码

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