angular - 使用 PrimeNG p-table 将 id 属性添加到标签我需要在 中添加一个 ID table，我正在使用 PrimeNG，所以我的组件中没有这个表标签，只有p-table. 我试过[id]但[attr.id]没有成功。 请问还有什么其他建议吗？ PyQT - QTab 问问题

Question

我需要在 中添加一个 ID table，我正在使用 PrimeNG，所以我的组件中没有这个表标签，只有p-table. 我试过[id]但[attr.id]没有成功。

请问还有什么其他建议吗？

Answer 1

你可以这样做：

1. 在 ngAfterViewInit 方法中使用 id 标记 p-table 以访问他的引用：

   <p-table #pTableId></p-table>
   

2. 然后在 Component.ts ：

   import {Table} from 'primeng/table';
   export class MyComponent  {
       @ViewChild('pTableId') pTableRef: Table;
   
       ngAfterViewInit() {
           const table = this.pTableRef.el.nativeElement.querySelector('table');
           table.setAttribute('id', 'myTableId');
       }
   }
   

Answer 2

为什么要添加此 ID？你可以做这样的事情

 <p-table #some-id> </p-table>

在你的组件中

@ViewChild('some-id') myTable: any;
  

您可以参考您的函数中的表格 (this.myTable) 并寻找孩子，如果那是您正在寻找的。让我知道这是否有帮助