有没有人在角度应用程序中实现了虚拟键盘？ [关闭]答案

【问题标题】：Has anybody achieved Virtual Keyboard in angular applications? [closed]有没有人在角度应用程序中实现了虚拟键盘？ [关闭]
【发布时间】：2019-01-06 12:18:36
【问题描述】：

如果有任何插件或参考可以将虚拟键盘集成到 Angular 应用程序中，请告诉我。

【问题讨论】：

这给了我以下错误：错误：无法解析 'E:\Projects\QC\node_modules\@protacon\ng-virtual-keyboard\node_modules 中的 '@angular/cdk/rxjs' \@angular\material\esm5
没有你的代码就很难提供帮助
我可以告诉你另一个简单的虚拟键盘吗？
任何虚拟键盘只要让我知道我会实现它
请查看 iam 更新的屏幕截图以获取工作示例。您必须下载所有文件并放置资产文件夹并将实际路径设置为 index.html 文件

标签： angular typescript angular6

【解决方案1】：

这是适合您的简单虚拟键盘。您可以自定义彩色图像，一切皆有可能。 html文件，

 <!doctype html>
    <html lang="en">
    <head>
      <title>Keyboard</title>
      <link rel="stylesheet" href="keyboard.css">
      <script src="keyboard.js"></script>
    </head>
    <body>
        <p>Virtual Keyboard</p>
        <input type="text" value="" class="keyboardInput">
    </body>
    </html>

这里是下载js文件和css，.png图片文件的链接，

http://www.greywyvern.com/code/javascript/keyboard.js
http://www.greywyvern.com/code/javascript/keyboard.css
http://www.greywyvern.com/code/javascript/keyboard.png

我希望它简单易用。只需尝试一次。

输出，

编辑：-

index.html 文件，

您必须为设置路径键盘 png 文件更新一行，

keyboard.js 文件，

第 76 行改成这样，

这一切都很好。

【讨论】：

它能在 Angular 应用程序中工作吗？
是的，我之前尝试过的角度应用程序可以工作。
没有前两个文件 css 和 js 你必须添加 index.html 文件下载并将一些资产文件夹放在你的应用程序中。并将keyboard.png放在同一个资产文件夹中
iam 更新的屏幕截图现在可以使用 Angular 应用程序
等一下，我会试着告诉我