Question

我遇到与此PrimeNG forum post相同的问题。

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

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

不支持哪个是扩展行的箭头

＆＃39;对 - treeTableToggler＆＃39;不是一个已知元素：


如果＆p-treeTableToggler＆＃39;是一个Angular组件，然后验证它是否是该模块的一部分。

如果＆p-treeTableToggler＆＃39;是一个Web组件，然后添加＆＃39; CUSTOM_ELEMENTS_SCHEMA＆＃39;到了＆＃39; @ NgModule.schemas＆＃39;这个组件   压制此消息。

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

Answer 1

正如您从Treetable source code所看到的那样，他们正在使用主题，如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，请确保还加载了primeicons和CSS样式。没有这个，我就无法获得数据的树形结构。与树表组件一样，如果您不导入素数符号，则不会显示>的人字形。

 yarn add primeicons or npm install primeicons –save

并修改vendor.scss：

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

PrimeNG 6.0.0-rc1 TreeTable无法扩展行

2 个答案: