javascript - angularjs中的嵌入式虚拟键盘

我编写了一个角度代码，用于使用angular-virtual-keyboard显示虚拟键盘，该代码可以正常工作，并且当我们单击文本字段时，虚拟键盘也可以正常工作。问题是我希望虚拟键盘直接显示在页面中，而不是通过单击来显示。

我们如何实现这一目标。

有人可以帮我吗，angularjs中是否有其他任何组件可以支持虚拟键盘？

我的代码如下

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>

最佳答案

我用答案更新了小提琴：http://jsfiddle.net/bujvs55h/1/

只需添加以下指令：

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