超级链接到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>