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

Question

我已经编写了一个 Angular 代码来使用 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

我用答案更新了 fiddle :http://jsfiddle.net/bujvs55h/1/

只需添加此指令:

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