到primeng数据表列的超链接

Question

如何在primeng数据表列中添加超链接以将该列值传递到angular 2 app中的新窗口？

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

Answer 2

添加路由器链接后，工作正常。

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

你可以provide template for column并在那里呈现你需要的一切。