primeng datatableカラムへのハイパーリンク

Question

primeng datatableカラムにハイパーリンクを追加して、そのカラム値をangle 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

ルータのリンクを追加した後、正常に動作しています。

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