javascript - embeded virtual keyboard in angularjs -

i have wrote angular code showing virtual keyboard using angular-virtual-keyboard, code working fine , virtual keyboard coming fine when click text-field. issue want virtual keyboard shown directly in page , not click.

how can achieve this.

can please me on this, have other component in angularjs supports virtual keyboard

my code given below

working demo

<div ng-app='myapp' ng-controller="controller">     click textfield see virtual keyboard<br/><input type='text' ng-model="yourmodel" ng-virtual-keyboard/> </div> 

i updated fiddle answer: http://jsfiddle.net/bujvs55h/1/

just add directive:

app.directive('autofocus', function($timeout) {     return {         restrict: 'ac',         link: function(_scope, _element) {             $timeout(function(){                 _element[0].focus();             }, 0);         }     }; });