表格ng-submit ionic app mobile不会在移动设备

时间:2016-09-07 06:29:01

标签: android angularjs forms ionic-framework

大家好,我一直在我的应用程序上工作,并添加了angularjs的表单验证。所以如果我的输入和变量包含它们应该是什么,我使用这个形式的ng submit来触发一个函数。

下面是我的登录表单html

的示例
<form ng-submit="login_form.$valid && login()" name="login_form">
            <li align="center">
                <img src="img/xiroos-logo.png" alt="Xiroos Logo">
            </li>
            <li>
                <div class="form-group">
                    <sup>Email</sup>
                    <input type="text" name="userName" ng-model="userName" class="input-text form-control input-lg" ng-class="((login_form.userName.$valid)?'valid':'invalid')" ng-required="true" placeholder="sample@email.com" />
                </div>
            </li>
            <li>
                <div class="form-group">
                    <sup>Password</sup>
                    <input type="password" name="password" ng-model="password" class="input-text form-control input-lg" ng-class="((login_form.password.$valid)?'valid':'invalid')" ng-required="true" placeholder="• • • • • • • •" />
                </div>
            </li>
            <li>
                <xr-loading status='loading'></xr-loading>
                <input type="submit" ng-init="btnText='Login'" ng-click="!login_form.$valid && xrAlert({'title':'Oops!','body':'Fill all required fileds.'})" class="btn btn-block btn-round btn-orange shadow" ng-value="btnText" />
            </li>
            <li align="center">
                <p><small><a ui-sref="forgot_password">Forgot your password?</a></small></p>
            </li>
        </form>

如果我尝试登录而不在输入中添加任何内容。我将获得一个弹出模式来填充必填字段。我当然正在浏览器中测试我的应用程序。然后当我试图将我的应用程序解析为移动应用程序时。我尝试了我的机器人。

它似乎没有触发我的表单提交,也没有在我的登录按钮ng-click上显示我的弹出模式

1 个答案:

答案 0 :(得分:0)

Oopps。问题解决了,我的apk的解析可能有一些问题,我试图再次使用cordova解析它,现在它的工作原理。