PrimeNg - 菜单 - 在动态dataTable中使用appendTo,同时保留Tab键顺序以便于菜单访问(辅助功能)

时间:2018-04-30 19:04:09

标签: angular accessibility primeng primeng-datatable

使用PrimeNg数据表显示数据行。我的第一栏中有一个p菜单。

激活后,p菜单会附加到页面正文。这适用于有视力的用户,但是相同的菜单仅在文档末尾的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>

在模板中做这件事会很棒......想法?

0 个答案:

没有答案