Angular priming-Menu-在动态数据表中使用appendTo，同时保留选项卡顺序以方便访问菜单（可访问性）

使用素数数据表显示数据行。我在第一栏有一个p菜单

激活后，p菜单将附加到页面主体。这对有视力的用户来说效果很好，但是同一个菜单只在文档末尾的制表符顺序中，所以键盘用户可能看不到它

<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>

---

在模板内执行此操作将非常棒。。。想法？

你能控制焦点位置吗？您是对的，在DOM的末尾添加元素会使键盘和屏幕阅读器用户都很难找到新添加的元素，但是如果在显示时焦点移到菜单，这可能不是问题。为了控制焦点，必须以这种方式对其进行修改（见下文）。但是，如果要在MSIE11中保留选项卡顺序，菜单需要一个模板。

我不确定pmenu或ngstuff是什么。我是作为一名html辅助功能专家发表评论的。我可以指导生成的html的外观。我之前的评论是，在显示菜单时是否可以将焦点移到菜单上。这将有助于键盘和屏幕阅读器用户。