首页 / JAVASCRIPT / javascript – 使用Angular的firebaseAuth：用户登录

javascript – 使用Angular的firebaseAuth：用户登录

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用Angular的firebaseAuth：用户登录，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1584字，纯文字阅读大概需要3分钟。

内容图文

我正在使用Angular(1.3.5)和Firebase编写玩具博客程序,目前我正在努力使用用户登录部分.

我首先创建了一个Angular模块：

var blogApp = angular.module('blogApp', ['ngRoute', 'firebase', 'RegistrationController']);

然后在blogApp上,我创建了一个名为** RegistrationController **的控制器：

blogApp.controller('RegistrationController', function ($scope, $firebaseAuth, $location) {

        var ref = new Firebase('https://myAppName.firebaseio.com');
       // var authLogin = $firebaseAuth(ref);


        $scope.login = function(){

            ref.authWithPassword({
                email: $scope.user.email,
                password: $scope.user.password
            }, function(err, authData) {
                if (err) {
                    $scope.message = 'login error';
                } else {
                    $scope.message = 'login sucessful!';
                }
            });
        }; // login

  });  //RegistrationController

我将login()方法附加到我在RegistratinController范围内的用户登录表单中的ng-submit.

当我点击提交登录表单时,表单没有做出任何响应,没有显示任何错误.

登录表单只有在我点击两次“提交”按钮时才有效 – 这是为什么？扑朔迷离

解决方法:

您使用的是Firebase JavaScript库,而不是AngularFire用于登录方法.

您需要将Firebase引用传递给$firebaseAuth绑定.

var auth = $firebaseAuth(ref);

从那里你可以调用auth.$authWithPassword.

    $scope.login = function(){

        auth.$authWithPassword({
            email: $scope.user.email,
            password: $scope.user.password
        }, function(err, authData) {
            if (err) {
                $scope.message = 'login error';
            } else {
                $scope.message = 'login successful!';
            }
        });
    }; // login

AngularFire是Firebase库的Angular绑定,用于处理对象和数组的自动同步. AngularFire还处理何时调用$scope.apply以正确更新视图.

在您的情况下,登录代码正在第一次单击,但它不会应用于页面.您可以将此代码包装在$timeout中,但最好使用$firebaseAuth服务.

内容总结

以上是互联网集市为您收集整理的javascript – 使用Angular的firebaseAuth：用户登录全部内容，希望文章能够帮你解决javascript – 使用Angular的firebaseAuth：用户登录所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/808029.html

来源：【匿名】