ng-virtual-keyboard不使用离子模态

Question

我正在尝试在离子模态输入中实现虚拟键盘。为此，我正在使用这个基于jQuery的Mottie Keyboard ng-virtual-keyboard的库。我已经在我的代码中实现了这个，但是当我使用离子模态输入时，键盘是可见的，但无法点击。但是，当我点击虚拟键盘时，它下方的区域被点击。

我已经包含了所有指定的脚本，这是我的代码

$scope.$on('modal.hidden', function() {
    // Execute action
    $('.modal input').each(function() {
        $(this).data('keyboard').destroy();
    });
});

$scope.$on('modal.shown', function(event) {
    // Execute action
    var asdf = $('.modal input').keyboard();
    $('.modal input').keyboard({
      layout: 'qwerty',
      usePreview: false
    })
    // activate the typing extension
    .addTyping({
      showTyping: true,
      delay: 50
    });
});

当显示模态时，我正在做这个

import urllib2,os
    from bs4 import BeautifulSoup

    page = urllib2.urlopen('http://somesite.com')
    soup = BeautifulSoup(page)

    for a in soup.find_all('a', href=True):
        if "tutorials" in a['href']:
            os.system('wget ' + a['href'])

我尽力解决这个问题，有人可以提出一些修正建议吗？

Answer 1

我已经通过在弹出窗口中添加css属性pointer-events: auto;来解决它。

这是新代码的样子

在HTML中，

<input type="search" ng-model="searchText" ng-virtual-keyboard="kb_config">

在控制器中，

$scope.kb_config={
    layout: 'qwerty',
    usePreview: false,
    autoAccept: true,
    autoUpdateModel: true,
    css:{popup:'aiv-keyboard'}
}

和css，

.aiv-keyboard{
    pointer-events: auto;
}