AngularJS教程Thinkster.io第7章

时间:2014-09-02 22:07:02

标签: javascript angularjs firebase firebasesimplelogin

更新:教程已更新,以下问题确实不再适用


从网站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]);
        });
    });

现在有什么问题?

2 个答案:

答案 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的更新。