在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);
        }
    };
});