Значок PrimennGTreeTable не виден - PullRequest
Новая
       4

Значок PrimennGTreeTable не виден

0 голосов
/ 25 июня 2018

Я использую 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"
                    }
                }
            ]
        }
]

Здесь я получаю только родительские значения, я не получаю дочерние значения

1 Ответ

0 голосов
/ 25 июня 2018

В древовидной структуре используется primeicons, поэтому вам необходимо установить его перед использованием 

npm install primeicons --save

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

Для получения дополнительной информации вы можете обратиться к руководству по запуску здесь -

...