PrimeNG TreeTable rowNode无法正常工作

时间:2018-07-26 17:45:26

标签: html angular typescript angular5 primeng

我正在使用PrimeNG Treetable https://www.primefaces.org/primeng/#/treetable

我没有从服务中获取数据 ,下面是我的代码

HTML

<p-treeTable [value]="temp">
<ng-template pTemplate="header">
    <tr>
        <th>Item_No</th>
        <th>Description</th>
             </tr>
</ng-template>
<ng-template pTemplate="body" let-rowNode let-rowData="rowData">
    <tr>
        <td>
            <p-treeTableToggler [rowNode]="rowNode"></p-treeTableToggler>
            {{rowData.item_no}}
        </td>
        <td>{{rowData.description}}</td>
    </tr>            
</ng-template>

ts

 temp:any[]
        this.partService.GetData().subscribe(
        result => {
        this.partService.part_content = this.resultData.data
        }
        for(let nodes of this.partService.part_content){
        codeItems.push({
        "data": {
        item_no:nodes.part_content.item,
        description:nodes.part_content.description
        }
        })
     }
         this.temp.push({
        "data": {
        item_no:nodes.part_content.item,
        description:nodes.part_content.description
        },
        "expanded":true,
        "children": codeItems
        })

在上面的代码中,我没有收到来自服务的任何数据,我不确定[rowNode]是否有问题

请帮助

1 个答案:

答案 0 :(得分:2)

我正为同样的事情而苦苦挣扎。原来,PrimeNG TreeTable上的文档有些不正确。在Angular 6中开发时,它使用的是http而不是httpClient。话虽如此,我将服务更新为:

代替: this.http.get

使用: this.httpClient.get

代替: .then(res => res.json()。data);

使用: .then(res => res.data);

希望有帮助!