Question

我有一个使用Angular的phonegap应用程序。我遇到的问题是我想允许用户以模态内的形式输入他们的电子邮件。

$scope.email = function () {

    $uibModal.open({
        animation: true,
        templateUrl: 'views/modals/sales/email.html',
        size: "md",
        windowClass: 'center-modal',
        controller: function ($scope, $uibModalInstance) {

            //$("#email").focus();

            $scope.submit = function () {

            };

            $scope.close = function () {
                $uibModalInstance.dismiss('cancel');
            }
        }
    });

};

现在该模式的模板就是这个。

<div class="panel panel-primary">
    <form name="form" ng-submit="submit(form)" novalidate>
        <div class="panel-body">
            <div class="col-md-12">
                <h3 class="text-center">Please enter your email</h3>
            </div>
            <div class="form-group col-md-12">
                <input type="email" class="form-control btn-block input-lg" ng-model="customer.email" id="email" autofocus>
            </div>

            <div class="col-md-3 col-md-offset-6">
                <button class="btn btn-default btn-block btn-lg" type="button" ng-click="close()">Close</button>
            </div>
            <div class="col-md-3">
                <button class="btn btn-primary btn-block btn-lg" type="submit" ng-click="submit()">Send</button>
            </div>
        </div>
    </form>
</div>

正如您所看到的那样，当模态打开时，输入类型电子邮件需要聚焦，但我的输入正在获得焦点但iOS上的虚拟键盘在我手动点击输入之前不会显示。

当模态打开时，如何显示虚拟键盘。

感谢。

Answer 1

安装以下cordova插件

https://github.com/driftyco/ionic-plugin-keyboard

致电cordova.plugins.Keyboard.show()

Phonegap如何自动显示键盘

1 个答案: