angular - 指向primeng数据表列的超链接

Question

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

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

您可以为列提供模板并在那里呈现您需要的所有内容。