从网站thinkster.io(免费电子书)了解AngularJS。但此刻我被困在chapter 7 - Creating your own user data using firebase。这是一个关于与firebase一起使用的angularjs的教程。
我根据网站编写了所有代码,但是当我想注册用户时,我收到了这些控制台错误。它将创建用户(在firebase -simplelogin中),但不创建用户对象(在firebase中 - 数据)。:
TypeError: undefined is not a function
at Object.User.create (http://localhost:9000/scripts/services/user.js:46:19)
at http://localhost:9000/scripts/controllers/auth.js:32:22
etc.
这是代码(与站点相同),错误在create()函数中并讨论用户。$ save()函数,User.create()的片段:
users.$save(username).then(function () {
setCurrentUser(username);
});
user.js的完整代码:
news.factory("User", function ($firebase, FIREBASE_URL, $rootScope, $log) {
var reference, users, User;
reference = new Firebase(FIREBASE_URL + "users");
users = $firebase(reference);
function setCurrentUser(username) {
$rootScope.currentUser = User.findByUsername(username);
}
$rootScope.$on("$firebaseSimpleLogin:login", function (event, authUser) {
var query = $firebase(reference.startAt(authUser.uid).endAt(authUser.uid));
query.$on("loaded", function () {
setCurrentUser(query.$getIndex()[0]);
});
});
$rootScope.$on("$firebaseSimpleLogin:logout", function () {
delete $rootScope.currentUser;
});
User = {
create: function (authUser, username) {
users[username] = {
md5_hash: authUser.md5_hash,
username: username,
"$priority": authUser.uid
};
$log.debug(users);
users.$save(username).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;
});
编辑1: 现在注册用户可以正常工作(保存在firebase中,简单登录和数据):
users = $firebase(reference).$asObject();
注意users.save()函数:
create: function (authUser, username) {
users[username] = {
md5_hash: authUser.md5_hash,
username: username,
$priority: authUser.uid
};
$log.debug(users);
users.$save().then(function () {
setCurrentUser(users);
});
},
findByUsername: function (users) {
if (users) {
return users;
}
},
编辑2: 现在我在用户登录时遇到错误(见下文),当我想登录时,我在这个函数上得到一个错误,查询。$ on():
TypeError: undefined is not a function
at http://localhost:9000/scripts/services/user.js:26:19
$rootScope.$on("$firebaseSimpleLogin:login", function (event, authUser) {
var query = $firebase(reference.startAt(authUser.uid).endAt(authUser.uid));
query.$on("loaded", function () {
setCurrentUser(query.$getIndex()[0]);
});
});
现在有什么问题?
答案 0 :(得分:0)
这是编辑2的答案:我使用了firebase(ref),查询。$ loading并搜索了正确的对象,就是这样。也许有人有不同的答案,请发贴它们:)。
我终于完成了第07章!
一般情况下(编辑2的解决方案):
$rootScope.$on("$firebaseSimpleLogin:login", function (event, authUser) {
var query = $firebase(reference).$asObject();
query.$loaded(function (result) {
angular.forEach(result, function (key) {
if (key.md5_hash === authUser.md5_hash) {
setCurrentUser(key);
}
});
});
});
这不是理想的解决方案,但免费电子书(写作的主题)远非理想。然后,这些情况可以帮助您更多地了解firebase api以及它如何与角度协同工作。但有时候,当你只想阅读教程时,可能会感到沮丧;)。
请注意!我保存了User对象并将User对象传递给findUsername()和setCurrentUser()函数,而不仅仅是user.username。
您也可以使用本机数组函数,例如some()。
答案 1 :(得分:0)
我认为您的系统使用较新版本的Angularfire(版本> = 0.8)。这意味着要运行作为数组的循环......您需要在用户定义字段的末尾附加.$asArray()
。检查Firebase的更新。