带有 Firebase V3 身份验证的 Ionic

Question

我目前为我的应用项目传递了 firebase v3，但我的身份验证系统不起作用，我不明白为什么。这是我的代码：

.controller('loginCtrl', function($scope) {
        $scope.loginEmail = function(){
            firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
              var errorCode = error.code;
              var errorMessage = error.message;
            });
        };
    })
    .controller('signinCtrl', function($scope) {
        $scope.signupEmail = function(){  
            firebase.auth().createUserWithEmailAndPassword(email, password).catch(function(error) {
              var errorCode = error.code;
              var errorMessage = error.message;
            });
        };
    });

还有我的表格：

<form>
        <ion-list>
            <label class="item item-input">
                <span class="input-label">Username</span>
                <input type="text" placeholder="enter username..." ng-model="data.username">
            </label>
            <label class="item item-input">
                <span class="input-label">Email</span>
                <input type="email" placeholder="you@domain.com" ng-model="data.email">
            </label>
            <label class="item item-input">
                <span class="input-label">Password</span>
                <input type="password" placeholder="At least 6 characters" ng-model="data.password">
            </label>
        </ion-list>
        <button class="button button-stable button-block" ng-click="signupEmail()">Done</button>
    </form>

Chrome 控制台返回此消息：

ReferenceError: email is not defined

有人可以帮助我吗？

Answer 1

我认为您应该初始化一个变量 email 并将登录表单中的值存储在其中，然后再将其传递到 firebase 数据库。还要给它一个 id 以便可以选择元素。对密码也这样做。

var email = document.getElementById('email').value;
var password = document.getElementById('password').value;

<form>
        <ion-list>
            <label class="item item-input">
                <span class="input-label">Username</span>
                <input type="text" placeholder="enter username..." ng-model="data.username">
            </label>
            <label class="item item-input">
                <span class="input-label">Email</span>
                <input id="email" type="email" placeholder="you@domain.com" ng-model="data.email">
            </label>
            <label class="item item-input">
                <span class="input-label">Password</span>
                <input id="password" type="password" placeholder="At least 6 characters" ng-model="data.password">
            </label>
        </ion-list>
        <button class="button button-stable button-block" ng-click="signupEmail()">Done</button>
    </form>

现在调用 firebase 来创建用户。

firebase.auth().createUserWithEmailAndPassword(email, password).catch(function(error) {
              var errorCode = error.code;
              var errorMessage = error.message;
            });