KEYBOARD_DOM_ERROR

Question

我试图在我的角度应用程序中制作一个虚拟键盘，我找到了简单的键盘包，所以我决定安装它并对其进行定制，但是我得到了一些错误，比如DOM中没有找到“.Simple-键盘”这样的错误。，有什么问题呢？有人能帮我吗？

I使用角11.2.8

Answer 1

我用的是这个8角的包，不知道这个能不能帮上忙。

当我用角例安装并执行步骤时，我也在我的控制台中看到了角例，然后我为我找到了解决方案，本期回答了这个问题。

KEYBOARD_DOM_ERROR意味着在实例化时在dom中找不到<div class="simple-keyboard"></div>。

我尝试在.ts文件中创建一个元素，而不是仅仅添加模板，就像问题说的那样。

// component.ts
// you can add other className to make keyboard display:none first

ngOnInit(): void {
  const div = document.createElement('div');
  div.className += "simple-keyboard";
  document.body.appendChild(div);
}

<!-- component.html -->
<!-- just want to remind you need to delete it -->

<!-- <div class="simple-keyboard"></div> -->

在这两件事之后，我的错误消失了，我可以做我接下来需要做的事情。

Answer 2

在html文件中添加以下代码

​

  <div class="simple-keyboard"></div>

​

Answer 3

确保html有一个带有简单键盘类的div (或您给键盘取的任何名称)。

如果错误不断发生，请在视图初始化后尝试创建键盘实例：

ngAfterViewInit() {
  this.keyboard = new Keyboard(".simple-keyboard",{
    onChange: input => this.onChange(input),
    onKeyPress: button => this.onKeyPress(button)
  });
}