如何使用键盘进行 Angular CDK 拖放操作

blo*_*ngs 7 keyboard drag-and-drop accessible angular angular-cdk

我们的应用程序有一个“表单生成器”,用户可以通过将表单字段拖到表单上来构建表单。我正在研究如何使这个键盘易于访问 - 这样用户就可以......

  • 通过按 Tab 键并按 Enter 键来抓取字段
  • 使用箭头键移动它
  • 再次按 Enter 键将其删除

我没有找到有关使用键盘访问 CDK 拖放操作的信息...

有人成功做到这一点吗?任何人都可以提供一些关于开始以这种方式访问​​它的好地方的指示吗?

小智 0

将此指令添加到要使用箭头键拖动的元素并在输入框中进行xV更改:yV[cdkDragFreeDragPosition]="{ x: xV, y:yV }"