angular - ツリーテーブルの子要素でルーティングを行う方法は?

Question

ツリー テーブルの最後の要素をクリックすると、それを別の画面 (URL) にルーティングしてテーブルを表示したいと考えています。

例えば：

ツリー テーブル内のすべての要素の親ノードの最後のノードを選択したいと考えています。

子ノードをクリックすると、新しい画面に移動する必要があります。

次のようになります。

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

したがって、ユーザーが12、20、22または26を選択すると、新しい画面に移動する必要があります。

テンプレート ：

<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>