超链接到primeng数据表列

Question

如何将超链接添加到primeng datatable列以将该列值传递到angular 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

您可以仅在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>