Question

我开始使用离子，我尝试创建一个登录页面，它工作，我可以在日志上看到，当我点击执行的功能并查找用户，但没有任何反应，我必须点击2或3次以便视图可以改变我不知道为什么会发生这种情况。我也尝试使用表单上的提交标签，它保持不变。

HTML：

<body>
    <ion-view view-title="Iniciar Sesion">
        <ion-content has-header="true" padding="true">
            <form  name="loginForm" novalidate="">
                <div class="row row-center">
                    <div class="col col-center">
                        <label class="item item-input">
                            <span class="input-label">Correo</span>
                            <input type="text" 
                            ng-model="Usuario">
                        </label>
                        <label class="item item-input">
                            <span class="input-label">Contraseña</span>
                            <input type="password" ng-model="contrasena" ng-minlength="5" ng-maxlength="20" required >
                        </label> 
                        <button    ng-click="login(Usuario,contrasena)"value="Iniciar" class="button button-block button-calm" ng-disabled="!Usuario || !contrasena">
                            Iniciar
                        </button>
                        {{erronea}}
                    </div>
                </div>
            </form>
            <ion-tabs class="tabs-dark tabs-icon-top">
                <ion-tab title="Olvidé mi contraseña" href="#/olvide" icon="ion-information- circled" ></ion-tab>
                <ion-tab title="Crear Cuenta" href="#/CrearU"  icon="ion-person-add"  ></ion-tab>   
            </ion-tabs>
        </ion-content>
    </ion-view>
</body>

使用Javascript：

var datosLogin= function($scope,$location) {
    $scope.login=function (Usuario,contrasena){  
        var ref = new Firebase('https://resplendent-torch-5430.firebaseio.com/');
        ref.authWithPassword({
            email    : Usuario,
            password : contrasena
        }, 
        function(error, authData) {
            if (error) {
                $scope.erronea="Usuario o contraseña invalida";
            } else {
                $location.path("/inicio");
            }
        });
    };
}

离子，ng-click仅适用于第二次单击

0 个答案: