超链接到 primeng 数据表列

Question

如何添加到 primeng 数据表列的超链接以将该列值传递给 angular 2 应用程序中的新 window？

<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

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

Answer 2

您只需在 ng-模板中添加 link。例如：

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

添加路由器link后，一切正常。

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

超链接到 primeng 数据表列

Hyperlink to primeng datatable column

hyperlink

angular

primeng-datatable