TypeError: undefined is not a function with Firebase 和 AngularJS（ThinksterIO 教程第 7 章）

Question

更新

教程已更新，问题现已过时

---

我在 Thinkster.io AngularJS 教程中遇到了多个问题：学习构建现代 Web 应用程序 Chapter 7. Creating your own user data using firebase。

第一个与将新用户保存到 Firebase Forge 有关，幸运的是 Anna Smother 在她的 SO 帖子 AngularJS tutorial Thinkster.io chapter 7 中解决了这个问题，但现在我在注册新用户后收到了两个 TypeErrors。我将解释当我注册一个新用户时会发生什么：

1. 我填写注册表
2. 我点击注册
3. 我看到我的新用户对象已登录到控制台
4. 我已登录
5. 控制台出现2个TypeError: undefined is not a function错误

---

1st TypeError: undefined is not a function

所以看看第一个错误，我们看到我的user.js 中指向了 3 个地方

TypeError: undefined is not a function
    at Object.User.findByUsername (http://localhost:9000/scripts/services/user.js:37:18)
    at setCurrentUser (http://localhost:9000/scripts/services/user.js:8:33)
    at http://localhost:9000/scripts/services/user.js:32:5

我的代码中第一个错误指向的第一个位置是第 37 行第 18 列，它是 $childin thefindByUsername` 函数的开头

findByUsername: function (username) {
  if (username) {
    return users.$child(username);
  }
},

从那里它指向第 8 行第 33 列，这是 findByUsername 方法调用的开始

function setCurrentUser(username) {
  $rootScope.currentUser = User.findByUsername(username);
}

最后它指向第 32 行第 5 列，这是 setCurrentUser 方法调用的开始

  users.$save().then(function() {
    setCurrentUser(username);
  });

---

2nd TypeError: undefined is not a function

第二个TypeError只指向user.js中的一个地方

TypeError: undefined is not a function
    at http://localhost:9000/scripts/services/user.js:14:9

这是$on方法调用开头的第14行第9列

query.$on('loaded', function () {
  setCurrentUser(query.$getIndex()[0]);
});

关于我为什么会收到这两个 TypeErrors 的任何想法？

---

文件

user.js服务

'use strict';

app.factory('User', function ($firebase, FIREBASE_URL, $rootScope) {
  var ref = new Firebase(FIREBASE_URL + 'users');
  var users = $firebase(ref).$asObject();

  function setCurrentUser(username) {
    $rootScope.currentUser = User.findByUsername(username);
  }

  $rootScope.$on('$firebaseSimpleLogin:login', function (e, authUser) {
    var query = $firebase(ref.startAt(authUser.uid).endAt(authUser.uid));

    query.$on('loaded', function () {
      setCurrentUser(query.$getIndex()[0]);
    });
  });

  $rootScope.$on('$firebaseSimpleLogin:logout', function() {
    delete $rootScope.currentUser;
  });

  var User = {
    create: function (authUser, username) {
      users[username] = {
        /*jshint camelcase: false */
        md5_hash: authUser.md5_hash,
        username: username,
        $priority: authUser.uid
      };
      users.$save().then(function() {
        setCurrentUser(username);
      });
    },
    findByUsername: function (username) {
      if (username) {
        return users.$child(username);
      }
    },
    getCurrent: function () {
      return $rootScope.currentUser;
    },
    signedIn: function () {
      return $rootScope.currentUser !== undefined;
    }
  };

  return User;
});

---

auth.js 控制器

'use strict';

app.controller('AuthCtrl',
  function ($scope, $location, Auth, User) {
    if (Auth.signedIn()) {
      $location.path('/');
    }

    $scope.$on('firebaseSimpleLogin:login', function() {
      $location.path('/');
    });

    $scope.login = function() {
      Auth.login($scope.user).then(function() {
        $location.path('/');
      }, function(error) {
        $scope.error = error.toString();
      });
    };

    $scope.register = function () {
      Auth.register($scope.user).then(function (authUser) {
        User.create(authUser, $scope.user.username);
        $location.path('/');
        Auth.login($scope.user);
        console.log(authUser);
      }, function(error) {
        $scope.error = error.toString();
      });
    };
  });

Answer 1

在编辑 1 中查看我的解决方案：我已经更新了代码，这应该会在您注册时消除您的错误吗？

从 angularfire 0.8 版开始，他们已经去掉了 $child() 和 $on()，我将在今晚（当我回到家时）更新我的编辑 2 的解决方案。

AngularJS tutorial Thinkster.io chapter 7

也可以看看这个：

AngularFire api