使用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>
在模板中做这件事会很棒......想法?