PrimeNG 6.0.0-rc1 树表无法展开行

Question

我和这个PrimeNG论坛帖子有同样的问题。

基本上，TreeTable 组件正确读取树，但

<p-treeTableToggler [rowNode]="rowNode"></p-treeTableToggler>

不以某种方式支持哪个是展开行的箭头

'p-treeTableToggler' 不是一个已知的元素：

1. 如果 'p-treeTableToggler' 是一个 Angular 组件，那么验证它是否是这个模块的一部分。
2. 如果 'p-treeTableToggler' 是一个 Web 组件，则将 'CUSTOM_ELEMENTS_SCHEMA' 添加到该组件的 '@NgModule.schemas' 中 以禁止显示此消息。

我真的很困惑它在PrimeNG展示上是如何工作的，但不适合我和几个在PrimeNG论坛上发帖的人。

Answer 1

正如你从树表源代码中看到的，他们使用的是像pi pi-fw pi-chevron-down这样的素数：

@Component({
selector: 'p-treeTableToggler',
template: `
<a href="#" class="ui-treetable-toggler" *ngIf="rowNode.node.leaf === false || rowNode.level !== 0 || rowNode.node.children && rowNode.node.children.length" (click)="onClick($event)" [style.visibility]="rowNode.node.leaf === false || (rowNode.node.children && rowNode.node.children.length) ? 'visible' : 'hidden'" [style.marginLeft]="rowNode.level * 16 + 'px'">
<i [ngClass]="rowNode.node.expanded ? 'pi pi-fw pi-chevron-down' : 'pi pi-fw pi-chevron-right'"></i>
</a>
`
})

Answer 2

如果您使用的是最新的primeNg，请确保还加载了primeicon和css样式。没有这个，我就无法获得数据的树结构。 与树表组件一样，如果不导入 primeicons，则不会显示>V 形右。

yarn add primeicons or npm install primeicons –save

并修改供应商.scss：

add @import "~primeicons/primeicons.css";