Question

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

还有其他建议吗？

Answer 1

您可以这样：

用一个ID标记p表以访问ngAfterViewInit方法中的引用：
```
<p-table #pTableId></p-table>
```

然后在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），并在其中寻找子级。让我知道是否有帮助

使用PrimeNG p表向标签添加id属性

2 个答案: