0

单击树表的最后一个元素时，我想将其路由到另一个屏幕（url）并显示一个表。

例如：

我想选择树表中每个元素的父节点的最后一个节点。

单击子节点时，它应该导航到新屏幕。

看起来像这样：

>Aamir
 >Ranchi
    > 12
    > 20
 > Bangalore
    > 22
>Abhinav
 > Bangalore
   >26

因此，当用户选择12、或时，它应该导航到新屏幕。202226

模板 ：

<h3>Dynamic Columns</h3>
<p-treeTable [value]="files2" [columns]="cols" >
    <ng-template pTemplate="header" let-columns>
        <tr [ttRow]="rowNode">
            <th *ngFor="let col of columns">
                {{col.header}}
            </th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
        <tr >
            <td *ngFor="let col of columns; let i = index">
                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
                {{rowData[col.field]}}
            </td>
        </tr>
    </ng-template>
</p-treeTable>
4

1 回答 1

1

我认为您没有提到的重要一点是这是primeng-treetable。

玩一下这个组件并阅读我发现的源代码，您可以使用包含有关节点的所有必要信息的 rowNode 模板变量。在您的情况下，您可以检查节点是否没有要使用链接的子节点：

<a href="/" *ngIf="!rowNode.node.children">{{rowData.name}}</a>
<span *ngIf="rowNode.node.children">{{rowData.name}}</span>

您可以在此处查看正在工作的 stackblitz：https ://stackblitz.com/edit/test-primeng-7cqjzl

于 2019-01-14T20:51:50.310 回答