javascript - 将虚拟键盘创建为 AngularJs 模块？

Question

我有一个 AngularJs 应用程序，我需要创建一个虚拟键盘。键盘应该是一个单独的模块。我的问题是我不确定如何正确构建我的模块？它应该作为指令或服务等实现吗？我希望我的虚拟键盘在单击文本区域时显示，否则隐藏。所以我需要帮助如何开始构建这个模块。逻辑应该在哪里实现？哪里的风景？

Answer 1

有趣!我会做这样的事情:

<div ng-view></div>
<div ng-controller="virtualKeyboardController()">
  <virtual-keyboard></virtual-keyboard>
</div>

<virtual-keyboard>指令将用正确的 HTML 替换元素(您也可以使用 ng-include 而不是指令；我个人认为指令是更好的方法)。然后 virtualKeyboardController将使用为您提供一些方法的自定义服务:

• 显示键盘；
• 隐藏键盘；
• 做其他键盘操作。

然后必须将服务注入(inject)到每个可以使用虚拟键盘并绑定(bind)所有 textarea 的 Controller 中。就这样吧(如果您的应用程序已经完成，那可能是烦人的部分)。

注意:我创建了一个 <div>其中包含 <virtual-keyboard>仅作为示例，以避免 Controller 冲突，但可能有更好的解决方案；还添加了一个 ng-if给家长<div>您可以执行指令的显示/隐藏检查。