Question

我是AngularJS的新手所以请保持温和。

我正在尝试使用工厂.on（'value'，..）从firebase获取数据并将其传递给控制器。将对象itemObj传递给控制器似乎是一个问题，因为第25行console.log(itemObj.name)向我们展示了我们正在寻找的东西。

工厂：

'use strict';

angular.module('MyApp')
.factory('MenuItems', function(FIREBASE_ROOT) {
    var ref = new Firebase(FIREBASE_ROOT);
    var refMenu = ref.child('/menu/');

    // get today's date in dd-mm-yyyy
    var today = new Date();
    var dd = today.getDate();
    var mm = today.getMonth()+1; //January is 0!
    var yyyy = today.getFullYear();
    if(dd<10) { dd='0'+dd; } 
    if(mm<10) { mm='0'+mm; }
    today = dd+'-'+mm+'-'+yyyy;


  var itemObj = null;


    return  {
    items:  function() {
              refMenu.child(today).on('value', function(snapshot) {
              itemObj = snapshot.val();
              console.log(itemObj.name);
              return itemObj;
              });
            }
          };
});

控制器：

'use strict';

angular.module('MyApp.controllers').controller('DashboardCtrl', ['$scope', '$firebase', 'FIREBASE_ROOT', 'Auth', 'User', 'MenuItems',
function($scope, $firebase, FIREBASE_ROOT, Auth, User, MenuItems) {
    var ref = new Firebase(FIREBASE_ROOT);
    var refCart = ref.child('/cart/');

    $scope.numberItems = 0;
    var user = Auth.currentUser;
    $scope.item = MenuItems.items();
    console.log(MenuItems.items());

}]);

Answer 1

您的代码的问题是，在工厂中，items函数将不返回任何内容，因为它会在附加事件处理程序后立即完成其执行。

return itemObj;位于事件回调中，不会传递给items。

我不是Firebase的专家，但我想你需要使用promises来使这个场景适合你。我用谷歌搜索，发现有一个版本的Firebase for AngularJS。

检查链接：https://www.firebase.com/blog/2013-03-29-firebase-bindings-for-angular.html

此链接：http://tamas.io/angularjs-firebase-angularfire/

角度控制器/工厂返回未定义的对象

1 个答案: