angular - PrimeNg - 菜单 - 在动态数据表中使用 appendTo,同时保留标签顺序以方便菜单访问(可访问性)
问题描述
使用 PrimeNg 数据表显示数据行。我的第一列中有一个 p 菜单。
激活后,p-menu 将附加到页面主体。这对视力正常的用户来说效果很好,但是相同的菜单仅在文档末尾的 Tab 键顺序中出现,因此它可能对键盘用户不可见。
<p-column header="" [sortable]="false" [style]="{'width':'2rem'}" >
<ng-template let-col let-files="rowData" pTemplate="body">
<span>
<button type="button" pButton icon="fa fa-chevron-down" class="myClass" (click)="menu.toggle($event);onRowClick( files )" tabindex="0" aria-label="View the Menu" aria-haspopup="true"></button>
<p-menu #menu popup="true" [model]="myModel" styleClass="myclass" appendTo="body"></p-menu>
</span>
</ng-template>
</p-column>
在模板中这样做会很棒......想法?
解决方案
推荐阅读
- mysql - 将数据库导出到另一台服务器 mysql
- javascript - 使用javascript将新li添加到多个ul之一
- angular - 如何将对象传递给其他组件,路由更改数据正在被清除
- jenkins - Multibranch Pipeline Jenkinsfile 'cmd' 未被识别为内部或外部命令、可运行程序或批处理文件
- python - 自定义字符串函数
- java - Java:试图比较两组字符串,每组都有几千个小的单独字符串
- javascript - 如何始终在 http://localhost:19006 而不是主机 ip 上打开 expo web?
- python - 如何获取不和谐帐户所在的服务器列表
- android - 如何在 android API 29+ 上渲染 React Native
- java - 检查表然后为 Hibernate 保存/更新的正确做法