embeded virtual keyboard in angularjs

Question

I have wrote an angular code for showing a virtual keyboard using angular-virtual-keyboard, The code is working fine and the virtual keyboard is coming fine when we click the text-field. The issue is that I want the virtual keyboard to be shown as directly in the page and not by any click.

How we can achieve this.

Can anyone please help me on this, do we have any other component in angularjs which supports virtual keyboard

My code is as given below

Working Demo

<div ng-app='myApp' ng-controller="Controller">
    Click this textfield to see the Virtual Keyboard<br/><input type='text' ng-model="yourModel" ng-virtual-keyboard/>
</div>

michelem · Accepted Answer · 2015-06-19 10:41:18Z

2

I updated the fiddle with the answer: http://jsfiddle.net/bujvs55h/1/

Just add this directive:

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

answered Jun 19, 2015 at 10:41

michelem

14.6k5 gold badges55 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Alex Man Over a year ago

thanks for the answer, the thing is that I want the virtual keyboard to be displayed in the webpage as always not that it should come when we click the textfield

michelem Over a year ago

It comes out when you load the page, you haven't to click anything.

Alex Man Over a year ago

but its going off when I click some where

michelem Over a year ago

oh well, if you want to be sticked you should ask the module's author

Alex Man Over a year ago

ooh...do we have any component like that in angularjs

Collectives™ on Stack Overflow

embeded virtual keyboard in angularjs

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related