超級鏈接到primeng數據表列

Question

如何將超級鏈接添加到primeng數據表列以將該列值傳遞到角2應用程序中的新窗口？

<p-column field="name" header ="Name" [sortable]="true" [filter]="true" > 
    <ng-template let-row="rowData" pTemplate type="body"> 
     {{row.name}} 
    </ng-template> 
    </p-column> 

單擊數據表中的名稱，必須在新頁面的文本框中顯示名稱。任何人都可以爲此提供代碼示例嗎？

Answer 1

添加路由器鏈接後，它工作正常。

<p-column field="name" header ="Name" [sortable]="true" [filter]="true" > 
     <ng-template let-row="rowData" pTemplate type="body"> 
      <a [routerLink]="['/newregform',row.name]">{{row.name}}</a> 
     </ng-template> 
    </p-column> 

Answer 2

你可以provide template for column並呈現所有你需要的。

Answer 3

你可以在你的ng-template中添加鏈接。例如：

<p-column field="name" header ="Name" [sortable]="true" [filter]="true" > 
    <ng-template let-row="rowData" pTemplate type="body"> 
     <a routerLink="/target/{{row.id}}">{{row.name}}</a> 
    </ng-template> 
</p-column>