jquery - 使用 angularjs 指令打开用 JQuery 编写的屏幕键盘

Question

我正在尝试在 angularJS 中编写一个指令，该指令允许在单击按钮或图像时打开此https://github.com/Mottie/Keyboard/屏幕键盘。到目前为止，我是根据这个主题制作的：使用“on change”回调从 jQuery 插件更新 AngularJS 模型，该指令在点击输入字段时打开键盘。任何人都可以帮我吗？

app.directive('keyboard',function(){
  return {
    require : '?ngModel',
    restrict : 'C',
    link : function(scope,element,attrs,ngModelCtrl){
      if(!ngModelCtrl){
        return;
      }

      $(element).keyboard({
        stickyShift: false,
        usePreview: false,
        autoAccept: true,

        change: function(e, kb, el) {
            if(!scope.$$phase && !scope.$root.$$phase)
            {
                scope.$apply(function(){
                    ngModelCtrl.$setViewValue(el.value);
                }); 
            }
        }
    });
    }
  };
});

Answer 1

您应该能够在链接函数中绑定 jQuery click 事件：

element.click(function(){
    element.getkeyboard().reveal();
});