angularjs中的嵌入式虚拟键盘

Question

我使用 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>

Answer 1

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

只需添加此指令：

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