Open numeric keypad automatically

Question

I have a page with a numeric input with autofocus:

<input type="number" placeholder="Informe" ng-model='leitura.leituraatual' required="true" autofocus="true">

The problem is that the keyboard appears in Text mode instead of numerical mode. Only the number pad appears if I click the input manually.

Answer 1

I found!

I used the plugin Cordova-android-Focus-plugin

<input id="txtLeituraAtual" type="number" >

JS:

$scope.$on('$ionicView.enter', function(){ 
    var txt=$window.document.getElementById("txtLeituraAtual");
    cordova.plugins.Focus.focus(txt);
});

Now the input gets the focus and opens the numeric keyboard correctly!

Answer 2

Add the tag below in the file config.xml

<preference name="KeyboardDisplayRequiresUserAction" value="false" />

And then, in the controller, call the method focus() input right after everything is ready.

 $scope.init = function() {
     INPUT_AQUI.focus();
 }

 ...

 $scope.init();