2016-11-03 42 views
0

我有一个使用Angular的phonegap应用程序。我遇到的问题是我想让用户在模态内的表单中输入他们的电子邮件。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没有显示出来,直到我手动轻按问题输入。

如何在模式打开时显示虚拟键盘。

谢谢。

回答