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

angular controller/factory returns undefined object

本文关键字：未定义 对象 返回 工厂 控制器      更新时间：2023-09-26

我是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());
}]);

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

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

我不是Firebase的专家，但我想你需要使用承诺来使这个场景为你工作。我用谷歌搜索，发现有一个用于AngularJS的Firebase版本。

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

还有这个链接： http://tamas.io/angularjs-firebase-angularfire/

相关文章：