0

我和这个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 论坛上发帖的几个人来说却不是。

4

2 回答 2

0

如果您使用的是最新的 primeNg，请确保您还加载了 primeicons 和 css 样式。没有这个，我就没有得到数据的树结构。与 treetable 组件一样，如果您不导入素数图标，则>不会显示 chevron-right。

 yarn add primeicons or npm install primeicons –save

并修改 vendor.scss：

add @import "~primeicons/primeicons.css";
于 2018-08-18T17:13:48.543 回答
0

正如您从 Treetable 源代码中看到的那样，它们使用的素数图标如下：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>
    `
})
于 2018-06-15T17:12:31.543 回答