PrimennGTreeTable 图标不可见

Question

我正在使用 PrimeNG TreeTable，但在我下面的代码中，展开/折叠图标不可见， https://www.primefaces.org/primeng/#/treetable

不知道是不是rowNode的问题，

我只获取父数据，子数据不可见，因为折叠/展开图标不可见

 <p-treeTable [value]="files2">
    <ng-template pTemplate="header">
        <tr>
            <th>Name</th>
            <th>Size</th>
            <th>Type</th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-expanded="expanded" >
        <tr>
            <td (click)="toggle()" >
                 <p-treeTableToggler [rowNode]="rowNode" ></p-treeTableToggler> 
                {{rowData.name}}
            </td>
            <td>{{rowData.size}}</td>
            <td>{{rowData.type}}</td>
        </tr>            
    </ng-template>
</p-treeTable>

ts 文件

     this.files2=[  
        {  
            "data":{  
                "name":"Applications",
                "size":"200mb",
                "type":"Folder"
            },
            "children":[  
                {  
                    "data":{  
                        "name":"Angular",
                        "size":"25mb",
                        "type":"Folder"
                    },
                    "children":[  
                        {  
                            "data":{  
                                "name":"angular.app",
                                "size":"10mb",
                                "type":"Application"
                            }
                        },
                        {  
                            "data":{  
                                "name":"cli.app",
                                "size":"10mb",
                                "type":"Application"
                            }
                        },
                        {  
                            "data":{  
                                "name":"mobile.app",
                                "size":"5mb",
                                "type":"Application"
                            }
                        }
                    ]
                },
                {  
                    "data":{  
                        "name":"editor.app",
                        "size":"25mb",
                        "type":"Application"
                    }
                },
                {  
                    "data":{  
                        "name":"settings.app",
                        "size":"50mb",
                        "type":"Application"
                    }
                }
            ]
        }
]

这里我只得到父值，我没有得到子值

Answer 1

在treetable primeng中使用了primeicons所以你需要在使用前安装它

npm install primeicons --save

<link rel="stylesheet" type="text/css" href="/node_modules/primeicons/primeicons.css" />

有关更多信息，您可以在此处参考启动指南 -

• https://www.primefaces.org/primeng/#/setup